PrivateRoute.js

import React, { PropTypes } from 'react'
import { Route, Redirect } from 'react-router-dom'
import { connect } from 'react-redux'
import { createStructuredSelector } from 'reselect'
import { selectLoggedIn } from '../User/selectors'

export const PrivateRoute = ({ component, ...rest, loggedIn }) => (
  <Route {...rest} render={props => (
    loggedIn ? (
        React.createElement(component, props)
      ) : (
        <Redirect to={{
          pathname: '/login',
          state: { from: props.location }
        }}/>
      )
  )}/>
);

PrivateRoute.propTypes = {
  loggedIn: PropTypes.bool.isRequired
};

const mapStateToProps = createStructuredSelector({
  loggedIn: selectLoggedIn
});

export default connect(mapStateToProps)(PrivateRoute);