Uso react-router-dom pero no estoy importando mi componente de forma perezosa. no se que es lo que esta mal No tengo ningún error o advertencia. Simplemente no muestra mi componente. Para que quede más claro mi sandbox: https://codesandbox.io/s/cold-thunder-kz7sy?file=/src/App.js

Si no tiene tiempo para comprobar sandbox mis códigos:

AppViews

 export const AppViews = () => { return ( <Suspense fallback={<p>Loading..</p>}> <Switch> <Route exact path={`${APP_PREFIX_PATH}/dashboard`} component={lazy(() => import(`./dashboard`))} /> <Route exact path={`${APP_PREFIX_PATH}/commons`} component={lazy(() => import(`./commons`))} /> <Redirect exact from={`${APP_PREFIX_PATH}`} to={`${APP_PREFIX_PATH}/commons`} /> </Switch> </Suspense> ); }; export default AppViews;

Los comunes

 const Commons = ({ match }) => { return ( <Suspense fallback={<Loading cover="content" />}> <Router> <Switch> <Route exact path={`${match.url}/documents`} component={lazy(() => import(`./documents`))} /> </Switch> </Router> <Redirect from={`${match.url}`} to={`${match.url}/documents`} /> </Suspense> ); }; export default Commons;

Después de eso, mi URL se vuelve localhost:3000/v1/commons/documents pero mi componente Documents no se importa. Mi pantalla no muestra nada. ¿Qué hay de malo en esos códigos? Intenté eliminar los exacts y lo intenté de nuevo, pero sigo igual. ¡Gracias por responder!