Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

Hashrouter and AEM as Cloud

Avatar

Level 6

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?

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Reply

Avatar

Level 6

@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.