React router private routes / redirect not working

Question

I have slightly adjusted the React Router example for the private routes to play nice with Redux, but no components are rendered when Linking or Redirecting to other \'pages

Answer 1

Typescript

If you are looking for a solution for Typescript, then I made it work this way,

const PrivateRoute = ({ component: Component, ...rest }: any) => (
    
            localStorage.getItem("authToken") ? (
                
            ) : (
                    
                )
        }
    />
);


    
        
        
    

Just in case you want to go by creating a class then something like this,

class PrivateRoute extends Route {
    render() {
        if (localStorage.getItem("authToken")) {
            return 
        } else {
            return 
        }
    }
}