Hashrouter and AEM as Cloud

[jezwn]

I've built a react dashboard, which is deployed to AEM. I'm using hashrouter in the react app. Everything works fine in local. But upon deploying to cloud, I noted that AEM as Cloud also uses the hashrouter and routes doesn't work. I need to use hashrouter for some reasons. How to make both these work?

[gkalyan]

@jezwn 

Using HashRouter in a React app deployed on AEM as Cloud can cause conflicts, as AEM itself uses HashRouter for its routing. To resolve this issue, you can try using BrowserRouter instead of HashRouter in your React app.

BrowserRouter uses the HTML5 history API to keep the UI in sync with the URL. So, it provides a better user experience.