Estoy tratando de pasar rutas a mi aplicación Next.js pero devuelve un error, he buscado en todas partes pero no puedo encontrar la respuesta.
_Aplicación.tsx
import Routes from './Routes' function MyApp({ Component, pageProps }: AppProps) { return ( <Index/> ) } export default MyApp
Rutas.tsx
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom' import { SideBar } from './components/sideBar' const Routes = () => { return ( <div className={styles.container}> <Router> <Routes> <Route path='/' element={<SideBar />}/> </Routes> </Router> </div> ) } export default Routes
Mi error:
ReferenceError: el documento no está definido
puedes Rutas como esta
<BrowserRouter> <Routes> <Route path="/" element={< Home />} /> <Route path="/yourComponentsPage" element={< yourComponent/>} /> </Routes> </BrowserRouter>
Saludos