create-bz-mern-app/template/frontend/src/Components/PrivateRoute/PrivateRoute.jsx

CLI to scaffold a fullstack React + Node.js app with Google login and JWT auth

import { useDispatch, useSelector } from 'react-redux';
import { Navigate, Outlet } from 'react-router-dom'
import { getToken, removeUser } from '../../redux/slices/User';

const PrivateRoute = () => {

    const dispatch = useDispatch();
    const token = useSelector(getToken);

    if(!token) {
        dispatch(removeUser())
        return <Navigate to={'/login'}/>
    }
    return <Outlet/>
}

export default PrivateRoute