Estoy tratando de crear rutas para los usuarios si mi usuario está disponible para que el usuario pueda permanecer en la página de inicio y está ocurriendo este error (Error no detectado: [Iniciar sesión] no es un componente de <Route> . Todos los componentes secundarios de <Routes> deben ser un <Route> o <React.Fragment> )
<BrowserRouter> <Routes> <Route path="/homepage" element={<Homepage/>}> { user && user._id ? <Homepage/> : <Login/> } </Route> <Route path="/login" element={<Login/>}/> <Route path="/register" element={<Register/>}/> </Routes> </BrowserRouter>La página de Homepage y el inicio de Login deben representarse como el element de una Route , ya que solo los componentes Route o React.Fragment pueden ser elementos secundarios del componente Routes .
<BrowserRouter> <Routes> <Route path="/homepage" element={user?._id ? <Homepage/> : <Login/>} /> <Route path="/login" element={<Login/>}/> <Route path="/register" element={<Register/>}/> </Routes> </BrowserRouter>puedes probar de la manera:
<BrowserRouter> < Routes> <Route path="/homepage" element={user && user.id ? <Homepage /> : <Login />}> </Route> <Route path="/login" element={<Login />} /> <Route path="/register" element={<Register />} /> </Routes> </BrowserRouter>