Firebase Authentication problem ! help :)

Hi guys. My problem is I'm using react-router in my app to show some routes and hide some based on The Authentication State, which here is the Token but in react apps there are helper extensions that allow us to change some things in code like react extension. This means that anyone can change the authentication state from it and show the hide or disabled routs, is there any way or better way to solve this problem? thanks.

note: I'm sorry about my bad English

Comments

[Benjioe]

Ok, when you use React, every time you need some data, you make an AJAX request (fetch) to an API (who is public). So if your API is protected with tokens, an intruder can only access some empty template.
Is-it still a problem?

[Benjioe]

If yes, you can:

• Make routing on server with the server-side rendering (with NextJS or ReactDomServer).
• Maybe have 2 React application, the private one is protected on the server (using Node.js...) and you use redirections from one to other. Or maybe without redirection but something like Microfrontend.

[Ahmed-Mohammed-Badawi]

Okay bro thanks you helped me a lot ♥

[Tyler V. (he/him)]

If you use the #help tag your post will show up to more people that may be able to assist you :)

[Ahmed-Mohammed-Badawi]

Thank you Bro I'll do it now ♥