Estoy tratando de crear una ruta para mi página, usé REACT + TAILWIND bootstrap con vite. Así que traté de crear un enlace en mi archivo de navegación que enrutaría a otras páginas, pero no se muestra nada. No se muestra ningún error en mi terminal, pero hay muchos errores en la consola de mi navegador. No sé qué estoy haciendo mal. Esto es lo que dice mi consola.

Navegación.jsx

 import { Link } from 'react-router-dom' import * as ROUTES from '../../constants/routes' const Navigation = () => { return ( <div> <ul> <li> <Link to={ROUTES.SIGN_IN}>Sign In</Link> </li> <li> <Link to={ROUTES.LANDING}>Landing</Link> </li> <li> <Link t0={ROUTES.HOME}>Home</Link> </li> <li> <Link to={ROUTES.ACCOUNT}>Account</Link> </li> <li> <Link to={ROUTES.ADMIN}>Admin</Link> </li> </ul> </div> ) } export default Navigation

Principal.jsx

 import React from 'react' import ReactDOM from 'react-dom' import './index.css' import App from './App' import { BrowserRouter } from 'react-router-dom' ReactDOM.render( <BrowserRouter> <App /> </BrowserRouter>, document.getElementById('root') )

Aplicación.jsx

 import React, { useState } from 'react' import { Router, Routes } from 'react-router-dom' import Navigation from './components/Navigation/Navigation' function App() { const [count, setCount] = useState(0) return ( <Router> <div className="App"> <Routes> <Navigation/> </Routes> </div> </Router> ) } export default App