Protected Route for React for Redux

ProtectedRoute.js

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

const ProtectedRoutes = ({ isLoggedIn, children, ...rest }) => {
  return isLoggedIn ? (
    <Route {...rest} render={(props) => children} />
  ) : (
    <Redirect to="/login" />
  );
};

ProtectedRoutes.propType = {
  isLoggedIn: PropType.bool.isRequired,
};

const mapState = (state) => {
  const isLoggedIn = state.auth.isLoggedIn;
  return {
    isLoggedIn,
  };
};

export default connect(null, null)(ProtectedRoutes);