Tuve un problema al mostrar la página NotFound con el siguiente código, el componente Routing es un elemento secundario en mi componente Switch ubicado en App.tsx:

 const Routing = (): JSX.Element => { return ( <> {publicRouting.map(({ path, component }, i) => ( <Route key={i} path={path} component={component} /> ))} {isAuthenticated() && ( <Main> {routing.map(({ path, component }, i) => ( <Route exact key={i} path={path} component={component} /> ))} </Main> )} </> ); };

mi publicRouting y las rutas utilizadas anteriormente:

 export const publicRoutes = { login: "/login", notFound: "*" }; export const publicRouting = [ { path: publicRoutes.login, component: Login }, { path: publicRoutes.notFound, component: NotFound } ];

¿Alguien puede decirme por qué, después de iniciar sesión en rutas privadas (isAuthenticated() === true) , mi página NotFound siempre se muestra sobre el componente Main ?

Aquí está la pequeña captura de pantalla de esta situación, el componente NotFound se representa físicamente sobre el componente principal y sus hijos

Si alguien quiere más código, siéntase libre, lo pegaré

¡Gracias por cualquier ayuda!