tabler-react | React components and demo for the Tabler UI theme | Dashboard library

I'm new to React (and Javascript) and am setting up a very simple dashboard. One component reads a JSON file (MD.json) that looks like this (shortened):

I have this react app I want to dockerize. But the problem is, even though I tried, it doesn't work. But it works pretty well locally

This is how the current directories look like:

I'm trying to get the currently logged in users email and use it in my fetch() call. I can currently get the email from getfirstapi() and use it in my form but I'm having trouble passing it into my getSecondApi() where the fetch() is ?

Iv tried creating a getEmail function to return it, but with no luck.

Code

I want to set focus on a button as soon as the react component loads, so that the user can just use the keyboard to press the button.

This is what I was trying to do, but this does not seem to work.

I am working on the authentification procedure for an app I'm developing.

Currently, the user logins in through Steam. Once the login is validated the server redirects the user to the app index, /, and issues them a pair of JWTs as GET variables. The app then stores these in a Redux store before rewriting the URL to hide the JWT tokens for security purposes.

The app then decodes the tokens to obtain info about the user, such as their username and avatar address. This should be rendered in the app's SiteWrapper component, however, this is where my problem occurs.

What seems to be happening is SiteWrapper component loads before the App component finishes saving the tokens and thus throws errors as variables are not defined. Most of the fixes that seem relevant are for API requests, however, in this case, that is not the case. I already have the data in the URL. I'm not sure if the same applies.

Any suggestions on how to fix this? Any other best practice advice would be appreciated. I'm new to both React and Redux.

Error

Index