React modules Data fetching best approach?

Hi, please can somebody help me with this?

Im trying to develop and CMS react module, via an proyect, using the cms-react folder structure, the thing is that, i have been using graphql to retrieve all of our BLOG data, sadly this approach is not possible because im retreiving all of the posts, in a unique query, which is very expensive and loads the page with module, (im developing a blog listing module btw), reading i saw that the best way to fetch data multiple times from the front end is using an serverless function, like when the components mounts for the first time or when the user clicks de load more post button, the problem with using serverless functions is that when i try to import hubspot from ‘@hubspot/ui-extensions’; there is a error that says that such package does not export hubspot.serverless, so i cant use serverless function that way, the other way of creating endpoints to the serverless functions is not working neither, im correctly setting the path and the method in serverless.json and it says that it doesnt exist such endpoint, the error tells me to verify that i uploaded successfully the serverless function but the command npm run deploy on the root of the proyect shouldnt deploy the serverless functions inside of the app.functions folder too? the app.functions folder is inside my app folder.

Lastly i tried to use the command hs functions deploy app.functions and the console throws an error saying that my access key does not have the corresponding scopes, which is false because i have all the scopes in that key.

here i attach an img of my folder structure and the error trying to deploy the functions