Estas son mis rutas públicas
export const PublicRoutes = () => { return ( <Switch> <Route path="/" exact component={Login} /> <Route path={constant.component.logout.url} exact={true} component={Logout} /> <Route path={constant.component.register.url} exact= {true} component={SignUp} /> <Route path={constant.component.forgotPassword.url} exact={true} component={ForgotPassword} /> </Switch> ) }Este es mi index.js
ReactDOM.render( <React.StrictMode> <AlertProvider template={AlertTemplate} {...options}> <Router> <App /> </Router> </AlertProvider> </React.StrictMode>, document.getElementById('root') );Esta es mi app.js donde intento generar rutas basadas en accessToken en el almacenamiento local
return ( <> {token ? <DashboardLayout /> : <PublicRoutes />} </> )Y finalmente, este es el diseño de mi tablero donde quiero que se muestren las rutas autenticadas a la derecha de la barra lateral
<> <SideBar> <div className="w-100"> <Switch> <Route path="/dashboard" component={Dashboard} /> <Route path="/my-account" component={Account} /> </Switch> </div> <Footer> </>Ahora, cuando inicio sesión, me redirige a "/ tablero", la URL cambia pero la página muestra una pantalla vacía y funciona si actualizo la página manualmente. ¿Qué estoy haciendo mal? Gracias
¿Estás seguro de que tu token no está vacío justo después de iniciar sesión? Tal vez su token esté vacío en este momento, PublicRoutes se procesa y es por eso que la ruta /dashboard muestra una pantalla vacía. Tal vez su token solo obtenga valor después de la actualización.