ProtectedRoute.tsx

import { Route, RouteProps, useHistory } from 'react-router-dom';
import { isLoggedIn } from 'adapters/api';
import { useEffect } from 'react';

export default function ProtectedRoute(props: RouteProps) {
    const history = useHistory();
    useEffect(() => {
        if (!isLoggedIn()) {
            history.push('/login');
        }
    })
    return (
        <Route {...props} />
    );
}