Auth0 keep different contexts per MicroFrontend and Container App

Hello everybody!

In my company we have multiple Web Applications and SSO configured through Auth0. We need to stop redirecting from the main application (let’s call it ParentApp) to other Children Apps (let’s call one of them ChildApp). So, we created a solution using MicroFrontends, with Webpack Module Federation plugin.

At this moment ParentApp and ChildApp share the same login screen (SSO) but the user gets different tokens for each one of them. Both applications are written with ReactJS.
How can I keep the Auth0 contexts separated and isolated? How can I be sure that the child application will never overwrite the context (token, etc) of the ParentApp ?

image

1 Like