Estoy tratando de migrar react-router-dom de v5 a v6 y tengo problemas, aquí está mi implementación con el uso de Suspense

 <Suspense fallback={ <div className="center-div"> <LoadingDots /> </div> } > <Routes> {routes.map((route, index) => ( <Route path={route.path} key={route.path} element={lazy(() => import("./features/apps/AppsListPage"))} //it is route.component but for simplify example i'm show it like this /> ))} </Routes> </Suspense>

¿Alguien puede decirme por qué el navegador me devuelve este tipo de error?

 index.tsx:13 Error: Objects are not valid as a React child (found: object with keys {$$typeof, _payload, _init}). If you meant to render a collection of children, use an array instead.

Creo que fue causado por usar lazy en element prop, pero ¿puedo arreglar esto?

¡Gracias por cualquier ayuda!