finnhub | Finnhub NodeJS wrapper | REST library

I am trying to call an API and return a list to a FutureBuilder, but I am not getting the desired output.

Also, tried a few different other ways but I am not get the desired output.

Data:

I'm making a stock web application.

I'm storing a fake user's "account" array by mapping over it and returning it into a table.

However, I want to use the "Symbol" inside the array to make a fetch call to an API.

And show how much the current stocks value is.

This helps the user compare how much the "TotalCost" is compared to the stocks current value.

Here's what I have so far

I am using Finnhub api to get some live data. I have 2 codes, one which will login the api every once in a day and second one will give the data every hour.

The first function will give details to the second function based on which it will fetch the data.

Here is my first function

I've deployed a site to Netlify (https://quizzical-nightingale-64ead9.netlify.app/) and I use a node server to make an axios request to the Twelve API (https://rapidapi.com/twelvedata/api/twelve-data1)

There's a limit of 12 requests per minute for the API fyi.

It works fine on Chrome on my desktop but doesn't work on any mobile browser (brave, duckduckgo, Chrome).

I don't believe it's specific to Twelve because I had a similar experience with Finnhub API. I think it has to do with the fact it's a mobile browser. CORS maybe?

Here's my server/index.js file.

Currently working on a stock project for my portfolio and I am using finnhub as the API. I can log everything to my console. However I cannot render it as the "data" is not globally declared and must be inside of a certain function.

I tried rendering globally but had no luck...

So my question is how do I make 'data' global so that I can render it inside of the "StockHeader's" return ?

Heres what I have so far...

I have been working with a stock api for the past day or two, and I'm trying to make a search engine for it with a filter method. It works, but it can be slow because the initial api fetch response is an array that is about 28,000 indeces. Is there a way to limit the response I get? I looked in the documentation and there doesn't seem to be a solution through the link itself. Any help would be appreciated!

I'm new to React JS, and I'm trying to build a small project to learn. So far I'm doing well, but I believe that my app renders too much and it prevents me from getting another fiture I'm interested on adding - a localStorage save of the last stock that was search.

My project is a simple stock searching app, getting the prices of a stock by its name or its ticker.

What am I doing wrong? I get the price as I wish, but it takes too many renderings. If I do just one, the price I get is just a plain 0 instead of the real price. When I go like the code posted below, it shows the correct price, but I believe that I miss something.

I'm relatively new to React so it's part of the learning I guess :)

Another question I had, as I understood react-router is suppose to save the last values entered. I do use react router, is the rendering on this page that is changing to the default value all over again?

PS, when I tried to keep the default state of the currentStock empty, I got some weird values which I assume is a problem with the API itself.

Here is my code:

I am trying to to set a hook on click. When that hook is set, it enters a url and then when it is set, it is supposed to run a handleSubmit function to update the urls and display it to screen. My problem is that the function run at the same time. I have tried to use the useEffect method, by placing the handleSubmit function in there, but it keeps giving errors about the event object. I have tried the async/await function on the onClick method but have read that it doesn't work on hooks. I have read the promises docs but they are confusing right now. Can anyone point me in the right direction?

I'm working on an app that requires an API key to be inserted into the config.

Since I'm using npm run build to generate a static page (dist folder with index.html that loads app.js and appropriate chunks and styles) - the config file gets read only once and then embedded into generated app.js.

Due to how it works, whenever I change values in the non-embedded config (available in the dist/public/ folder - the values don't refresh in app.js as they should.

Is there any way to import config dynamically whenever index.html along with attached app.js reload?

Here's what I tried: