How to protected a route in react router with TypeScript?
/*SM*/ /*example implemented with and FC and Typescript*/ import { Redirect, Route, RouteProps } from 'react-router'; export type ProtectedRouteProps = { isAuthenticated: boolean; authenticationPath: string; } & RouteProps; export default function ProtectedRoute({isAuthenticated, authenticationPath, ...routeProps}: ProtectedRouteProps) { if(isAuthenticated) { return <Route {...routeProps} />; } else { return <Redirect to={{ pathname: authenticationPath }} />; } };