Estoy tratando de hacer que mi aplicación web simple reaccione. Acabo de aprender sobre el enrutador de reacción y estoy usando el enrutador de reacción. Solo quiero que cuando escribo en la barra de búsqueda una página, me devuelva esa página, pero arroje algún error. El error es el siguiente:

 Error: [EditPage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

El código que estoy usando es el siguiente:

Aplicación.js:

 import RouterSetup from './pages/index'; function App() { return ( <> <RouterSetup /> </> ); } export default App;

index.js (el archivo importado en App.js):

 import React, {Fragment} from 'react'; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; //pages import Homepage from './HomePage'; import EditorPage from './EditPage'; import Login from './Login'; const RouterSetup = () => { return ( <Router> <Fragment> <Routes> <Route path="/" element={<Homepage />} /> <Route path="/edit"> <EditorPage /> </Route> <Route path="/login"> <Login /> </Route> </Routes> </Fragment> </Router> ); } export default RouterSetup;

Todos los demás archivos son componentes que funcionan correctamente, sin errores, porque los probé. Leí un montón de otras respuestas de stackoverflow.com, y alguien escribió para hacer lo que hice en la Ruta de la página de inicio, en lugar de hacerlo al revés, como otras dos rutas, pero de todos modos no funciona. No sé si me estoy perdiendo algo, o lo estoy haciendo de forma incorrecta. También releí la dosumentación, pero no encontré nada. ¿Puede alguien ayudarme por favor? La versión de react-router-dom es 6.0.2. Gracias