Intenté navegar por algunas consultas similares, pero no pude resolver mi problema. Descargué una plantilla (soy nuevo en React) donde la aplicación de una sola página se creó completamente en App.js. Desde entonces, he estado tratando de agregar funcionalidad para agregar páginas adicionales, pero sigo recibiendo el error "Reaccionar enrutador: no se puede leer la propiedad 'nombre de ruta' de indefinido".

Mi aplicación.js

 import React from 'react' import { BrowserRouter as Router, Route, Routes } from 'react-router-dom' import Mint from './components/pages/Mint' import LandingPage from './components/pages/LandingPage' const App = () => { return ( <Router> <Routes> <Route exact path="/" element={<Mint/>}/> <Route path="/home" element={<LandingPage/>}/> </Routes> </Router> ); } export default App;

Mi index.js

 import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import store from "./redux/store"; import { Provider } from "react-redux"; import { BrowserRouter } from "react-router-dom"; import { ConnectedRouter } from 'react-router-redux'; import "./styles/reset.css"; ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById("root") ); reportWebVitals();

Puede confirmar al cargar que la página "Mint" se carga correctamente. Pero si trato de cambiar la ruta exacta a LandingPage en App.js, me dará ese error.

¡Cualquier ayuda sería muy apreciada!