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

Just had same problem, I solved it by making my App redux container and passing isAuthenticated as a prop to PrivateRoute

Here it is, I hope it helps

const App = (props) => {
return (
  
    
      

        
      
    
  
  );
};

const mapStateToProps = state => ({
  isAuthenticated: state.isAuthenticated
});

export default connect(mapStateToProps)(App);

Then in my PrivateRoute

const PrivateRoute = ({ component: Component, isAuthenticated, ...rest}) => (
 (
    isAuthenticated
    ? (
       
    )
    : ()
  )}
/>
);

export default PrivateRoute;