ReactJS Redux Authentication HOC

requireAuthHOC.js

import React from 'react';
import { connect } from 'react-redux';

export default function requireAuth(WrappedComponent) {
  class AuthenticatedComponent extends React.Component {
    componentDidMount() {
      this.checkAuth(this.props.isLoggedIn);
    }

    checkAuth(isLoggedIn) {
      if (isLoggedIn) {
        this.props.history.replace(
          `/auth/login?next=${this.props.location.pathname}`
        );
      }
    }

    render() {
      return this.props.isLoggedIn
        ? <WrappedComponent {...this.props} />
        : null;
    }
  }

  const mapStateToProps = state => ({
    isLoggedIn: state.auth.get('isLoggedIn') && state.auth.get('user')
  });

  return connect(mapStateToProps)(AuthenticatedComponent);
}