sessionstorage | sessionStorage API which gracefully degrades

I am implementing a basic login in react, however when the token is saved in sessionStorage the page does not refresh normally like when I do it with hooks.

I use this component to save and return the token when the login is correct.

I seek advice regarding a small project I work on. I have a problem with re-rendering/reloading app when my state changes. The issue occurred when I changed useState to custom hook that uses session storage. There is the code of the hook:

I want to store the variable "clients[i]._id" and send it to another page when I click the button in the for loop.I want to later use that id to get more specific information about that client on its seperate window.

Im getting an undefined error where clients is undefined. Also the console.log in the store(function) doesnt work. Can you find whats wrong?

I have a website with multi language ['de', 'fr', 'it', 'en']

Current behaviour:

When I enter example.com without a previous session I am redirected to example.com/de (first value in the array)

Wanted behaviour:

I want to be redirected to the browser's language I have (in case there is none in session)

I have extended the service LanguageService to override the initialize() function as follows:

I am using React hooks and trying to figure out, how should I store the response of the api call response.data._embedded.assets in a state variable.

Using setAssets(response.data._embedded.assets); doesn't work because of re-rendering. So I decided to use useEffect as shown in the code below but this violates the rules of react hooks -Hooks can only be called inside of the body of a function component. I understand that useEffect should be defined outside as per react hooks but then how would I store the response in a state variable ? Please advise.

I'm trying to implement a context provider in my react web app but the problem is that the typing is wrong. I'm expecting to have the type of User or null but the type is { }. The following code is the implementation of the context provider. How can I make it so that the context provider only returns a User or null?

In my Angular-11 project, I have this code in the authentication service:

I use Angular 4 and fill some filter data in my sessionStorage in my project component to store them during my browser session. I have also another component named navbar with methods like logout(). Now I want to clear my filter out of the sessionStorage if I click on logout().

I tried this in my navBar Component:

I'm trying to send a post request sending the token in the header and also as a string. The problem is authenticating the header in the backend gives me the error JWT Token does not begin with Bearer String.

Below is the relevant code.

Frontend