Pretendo transferir este código que encontré en una versión anterior a la 6 en la que aún se usaba Switch a otra con la versión 6.3.0 que expongo a continuación y me devuelve el siguiente error:

!! La ruta de hoja coincidente en la ubicación "/admin" no tiene ningún elemento. Esto significa que generará un valor nulo de forma predeterminada, lo que dará como resultado una página "vacía".

y no puedo renderizar el componente, agradecería una mano, muchas gracias

 import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; const routes = [ { path: "/admin", element: <LayoutAdmin/>, routes: [ { path: "/admin", element: <AdminHome/>, }, { path: "/admin/login", element: <AdminSignIn/>, }, ], }, ]; function App() { return ( <Router> <Routes> {routes.map((route, index) => ( <RouteWithSubRoutes key={index} {...route} /> ))} </Routes> </Router> ); } function RouteWithSubRoutes(route) { console.log(route); return ( <Routes> <Route path={route.path} render={(props) => <route.element routes={route.routes} {...props} />} /> </Routes> ) } export default App;