Como separar rotas publicas e privadas:

Front-end
#1

Tentei de algumas formas fiz um jeito aqui mas quand o usuário loga mesmo ele estando logado ele consegue acessar a rota de login entre as demais rotas publicas e eu não quero isso.

#2 
const PrivateRoute = ({component: Component, ...rest}) => (
    <Route
        {...rest}
        render={props =>
            isAuthenticated() ? (
                <>
                    <Component {...props} />

                </>
            ) : (
                <Redirect to={{pathname: "/entrar", state: {from: props.location}}}/>
            )
        }
    />
);


return (
     <Routes>
           <Route component={...} />
           <PrivateRoute component={...} />
     </Routes>
)
1 curtida