React HOC for enforcing authentication on react-router routes.

requireAuth.jsx

import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';

export default function (ComposedComponent) {
  class Authenticate extends React.Component {
    static propTypes = {
      isAuthenticated: PropTypes.bool.isRequired,
    }

    static contextTypes = {
      router: PropTypes.shape({
        history: PropTypes.shape({
          push: PropTypes.func.isRequired,
        }).isRequired,
      }).isRequired,
    }

    componentWillMount() {
      if (!this.props.isAuthenticated) {
        this.context.router.history.push('/login');
      }
    }

    render() {
      return (
        <ComposedComponent {...this.props} />
      );
    }
  }

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

  return connect(mapStateToProps)(Authenticate);
}