My controls look like this

When the journal page is first loaded the entries are not displayed and it says that user is null, which leads to an error, which says GET http://localhost:4000/getentries 400 (Bad Request). However, when console logging user after if(user) it displays the information for user. Additionally, whenever I reload/refresh the page, the entries for the user are displayed.
Journal page

I know that you shouldn’t save API secrets in the frontend, even in a .env file. When building, it gets stored and malicious scripts can access it. I read this Stack Overflow article, and I don’t want to use a secret manager. I am running a backend Express application. How would I keep my secrets on there instead?

I’m working on a React app and aiming to integrate a feature similar to YouTube playlists. The goal is to allow users to start a playlist and prevent them from skipping videos within the playlist nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn

Resolving the “process is not defined” error in a Create React App project required configuring webpack’s resolve.fallback option to provide polyfills or mock implementations for Node.js core modules that are not available in the browser environment.