auth_comp.js

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { push } from 'react-router-redux';
export default function requiresAuth(Component) {
  class AuthenticatedComponent extends React.Component {
    static propTypes = {
      user: PropTypes.object,
      dispatch: PropTypes.func.isRequired,
    };
    componentDidMount() {
      this._checkAndRedirect();
    }
    componentDidUpdate() {
      this._checkAndRedirect();
    }
    _checkAndRedirect() {
      const { dispatch } = this.props;
      if (!this.props.user) {
        dispatch(push('/signin'));
      }
    }
    render() {
      return (
        <div className="authenticated">
          {' '}
          {this.props.user ? <Component {...this.props} /> : null}{' '}
        </div>
      );
    }
  }
  const mapStateToProps = state => {
    return { user: state.account.user };
  };
  return connect(mapStateToProps)(AuthenticatedComponent);
}