He estado viendo este error desde hoy al crear una nueva aplicación. Sabía que había pocos cambios con la nueva versión de react-router-dom, por lo que instalé la versión anterior.
"react-router-dom": "^5.2.0"
No estoy seguro de qué está mal.
Código del componente de la aplicación
import { Container } from 'react-bootstrap'; import { BrowserRouter as Router, Route } from 'react-router-dom'; import Header from './components/Header'; import Footer from './components/Footer'; import LoginScreen from './screens/LoginScreen' const App = () => { return( <Router> <Header /> <main className='py-3'> <Container> <Route path='/' component={LoginScreen} /> </Container> </main> <Footer /> </Router> )¿Puede alguien por favor ayudarme con esto? Por favor, hágamelo saber si hay que añadir otros detalles.
Desde la guía de migración upgrading/v5#use-usenavigate-instead-of-usehistory , se agrega el gancho useNavigate para react-router v6.
Compruebe si hay algún componente que utilice este gancho. Para react-router v5, debe usar useHistory() para obtener el objeto de history y realizar la navegación.