Я хотел создать частный маршрут, но возникла ошибка

PrivateRoute.js

import { Route, Navigate } from "react-router-dom";

const PrivateRoute = ({children, ...rest})=>{
    const  authenticated =false;
    console.log('it works');//it is not showing 
    
    return(
        <Route {...rest}>{!authenticated ? <Navigate to="/"/>: children}</Route>
        
    )
    
}
export default PrivateRoute;

App.js

SharedLayout.js

import { Outlet } from 'react-router-dom';
// import NavBar from '../components/NavBar'
import SideNavBar from '../Components/SideNavBar'
import  Top from "../Components/Top"

const Home = () => {
    return (
        <>
            <SideNavBar />
            <Top/>
         


            <Outlet />

        </>
    );
};
export default Home;

Я делаю приложение react js + Django, пытаюсь получить токен JWT. Начал с настройки Private Route, в консоли появилась эта ошибка "Uncaught Error: [PrivateRoute] не является компонентом. Все дочерние компоненты компонента должны быть a или <React.Fragment>" Я попытался исправить это, но так и не нашел четкого решения. любое предложение о том, как работать с JWT и обновлять токен, очень поможет.

Вернуться на верх