Quiero hacer una ruta protegida para el panel de administración. Las rutas de inicio de sesión y registro son públicas. Antes de crear una ruta protegida, todas las rutas funcionaban bien. Creé un componente para crear una ruta privada. Reemplacé la ruta como una ruta privada y la página se carga y la terminal no da ningún error. Pero la página no muestra nada y la consola arroja un error porque la ruta privada no es un componente de ruta. Todos los elementos secundarios de las rutas deben ser una ruta o reaccionar. fragmento.

Componente de ruta Privet

 import React from 'react' import {Route} from 'react-router-dom' const PrivateRoute = (props) => { return <Route {...props} /> } export default PrivateRoute

Aplicación.js

 import './App.css'; import {BrowserRouter , Routes ,Route} from 'react-router-dom' import Home from './container/Home/Home' import Signin from './container/Signin/Signin' import Signup from './container/Signup/Signup' import PrivateRoute from './components/HOC/privateRoute' function App() { return ( <div className="App"> <BrowserRouter> <Routes> <PrivateRoute path='/' exact element={<Home/>}/> <Route path='/signin' element={<Signin/>}/> <Route path='/signup' element={<Signup/>}/> <Route/> </Routes> </BrowserRouter> </div> ); } export default App;