este es mi código App.js, no puedo encontrar ninguna solución. Todos los elementos se importan y funcionan bien si no están envueltos en la ruta
import React from 'react'; import './App.css'; import { BrowserRouter, Route } from "react-router-dom" import Home from './Pages/Home'; import SignUpPage from './Pages/SignUpPage'; function App() { return ( <div className="App"> <BrowserRouter> <Route > <Home />`enter code here` </Route> <Route path='/signup'> <SignUpPage /> </Route> </BrowserRouter> </div > ); } export default App;No estás envolviendo tus rutas correctamente, así es como debería ser con react-router-dom v6:
import React from "react"; import './App.css'; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Home from "./Pages/Home"; import SignUpPage from "./Pages/SignUpPage"; function App() { return ( <div className="App"> <BrowserRouter> <Routes> <Route path="/" element={<Home />} /> <Route path="/signup" element={<SignUpPage />} /> </Routes> </BrowserRouter> </div> ); } export default App; Envuelves tus rutas en un componente de routes , importado de react-router-dom . Luego puede declarar su ruta en una línea <Route path="/insertPathHere" element={<YourComponent/>} />