He puesto BrowserRouter en un componente llamado Router y, por alguna razón, cuando lo uso de esa manera, solo pueden aparecer todo tipo de errores relacionados con las funciones en el contexto de un componente <Router> . Me preguntaba por qué sucede esto.

Por ejemplo:

Esto funciona:

 <BrowserRouter> <Routes> <Route path="*" element={<PageNotFound />} /> <Route path="/" element={<HomeView />} /> </Routes> </BrowserRouter>

Esto no:

 // Router Component const Router = (props) => { // Return component return ( <BrowserRouter> {props.children} </BrowserRouter> ); }; // Export export default Router;

 <Router> <Routes> <Route path="*" element={<PageNotFound />} /> <Route path="/" element={<HomeView />} /> </Routes> </Router>