React-application | React files for course | Frontend Framework library

I am using redux saga in my project to send api calls, now I want to check the access token expiry time before each call. The flow will be before each call is sent, check whether the access token is about to be expired. If it is going to expire, I will send the refresh token call with my access and refresh token and once I get back my new access token I will send my original call along with this new access token. After research I realised that I needed a middleware(apart from saga middleware), to intercept these calls and check whether access token has expired, if so then dispatch refresh token call and after it's successful response send the call that was waiting. Therefore, I followed the following tutorial to create another middleware, https://www.metaltoad.com/blog/overview-redux-middleware-react-applications

but this new middleware doesn't get triggered. This is my appStore,

I have created an express mongoose api. I want to use that api from my React-application.

I want to create a service that would manage those api requests. But I am new in react-native and I can't use that service. I tried creating a static class but I cannot make it works. Here is an example :

In the following React-Application, I am using a JS-Feature to declare a function within a function and call it on a certain event:

I try to inject position changes to an JS/REACT-Application. The Application registering at window.navigator.geolocation.watchPosition. My idea is to stub the "watchPosition" method to get a handle on the callback function. Then calling the callback function from the application directly.

Like:

I'm currently in the process of learning React JS.Tutorial D.O I already have a PHP backend before and I want to create a login form where the result of the backend is JWT. I use a custom hook in React JS for that. Here is the code that I created.

App.js

I am trying to use Server-side-rendering in create-react-application but i have been getting the following error. I have tried to update the babel version and change the type : 'commonjs' in package.json but is of no use.

This is the link i have been refering to implement ssr in my project link A hands-on guide for a Server-Side Rendering React app

In my public/index.html I need to load external .js file which will be used later during deployment. Unfornately that file doesnt load when i npm start, nor when published in build. I dont get any error either. The file config.js is in public directory as well.

Added this to my index.html in tag:

config.js looks like this:

I'm using react-router-dom to capture parameters from a url on my website, however everytime I try reaching my ending point at www.mywebsite.com/video/id I get a 404 response from my nginx ingress. I've configured it to point the incoming request to my frontend deployment appropriately but otherwise I don't know why the configuration isn't working properly:

My Ingress:

I would like to show the popup only one time with React Hooks.

1. Access for the first time to example.com/campaign/1234
2. Show popup
3. Close or refresh the page.
4. Access again to example.com/campaign/1234 and don't show popup
5. Access for the first time to example.com/campaign/0000 (is a different URL)
6. Show popup
7. Close or refresh the page
8. Access again to example.com/campaign/0000 or example.com/campaign/1234 and the popup is not being displayed

Any idea of how to do it? I know that I need to use local storage but how can I trigger the event when the user closes or refreshes the page?

Here is a sandbox.

I also read this thread but it doesn't mention how to do it with Hooks