PrivateRoute.js

import React from "react";
import { Route, Redirect } from "react-router-dom";
import { connect } from "react-redux";

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

const PrivateRoute = ({ component, loggedIn, ...passThroughProps }) => {
  const Component = loggedIn ? component : PrivateRedirect;
  return <Route component={Component} {...passThroughProps} />;
};

const mapStateToProps = (state, props) => ({ loggedIn: state.loggedIn });

export default connect(mapStateToProps)(PrivateRoute);