Así que soy un principiante en reaccionar, y estoy devanándome los sesos para tratar de resolver el error y todavía no lo consigo... Ya me he metido con este código a continuación, para tratar de solucionarlo y nada. ... si alguien puede ayudar lo agradecería.

Índice.js:

 import React from 'react'; import ReactDOM from 'react-dom/client'; import { BrowserRouter } from 'react-router-dom'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <BrowserRouter> <App /> </BrowserRouter> );

Aplicación.js

 import React from 'react'; import { Router, useHistory } from 'react-router-dom'; import GlobalStyle from './styles/GlobalStyles'; import Header from './components/Header'; import Rotas from './routes'; export default function App() { const history = useHistory(); return ( <Router history={history}> <Header /> <Rotas /> <GlobalStyle /> </Router> ); }