Simple protected route

import React, {useContext} from 'react';
import {Route, Redirect} from 'react-router-dom';
import {UserContext} from "./context/UserContext";

function ProtectedRoute({component: Component, ...rest}) {
    const {logged_in} = useContext(UserContext)

    return (
        <Route {...rest} render={
            props => {
                if(logged_in){
                    return <Component {...props}/>
                }else{
                    return <Redirect to={"/user/login"}/>
                }
            }
        }/>
    );
}

export default ProtectedRoute;