Actualmente tengo las siguientes importaciones de componentes perezosos:

 const LazyDashboard = React.lazy(() => import('./pages/app/Dashboard')); const LazyProfile = React.lazy(() => import('./pages/app/Profile'));

Luego en las rutas,

 {userToken && <><Route exact path="/app" element={<LazyDashboard/>}/> <Route exact path="/app" element={<LazyProfile/>}/></>}

• Al ir al tablero, se carga un fragmento. ¡Bien!
• Al ir al perfil, se carga otro fragmento. ¡No es bueno! ¿Cómo marco estas dos importaciones para que se agrupen en el mismo fragmento?

¿Hay alguna forma de hacer esto con React.lazy?