HOC Scaffold Redux + React Router DOM

Component.js

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchAdmins } from '../actions';
import requireAuth from '../components/hocs/requireAuth';

class AdminsListPage extends Component {
    componentDidMount() {
        this.props.fetchAdmins();
    }

    renderAdmins() {
        return this.props.admins.map(admin => (
            <li key={admin.id}>{admin.name}</li>
        ));
    }

    render() {
        return (
            <div>
                <h3>Protected list of admins</h3>
                <ul>{this.renderAdmins()}</ul>
            </div>
        );
    }
}

const mapStateToProps = ({ admins }) => {
    return { admins };
};

export default connect(mapStateToProps, { fetchAdmins })(requireAuth(AdminsListPage))

index.js

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Redirect } from 'react-router-dom';

export default ChildComponent => {
    class RequireAuth extends Component {
        render() {
            switch (this.props.auth) {
                case false:
                    return <Redirect to="/" />
                case null:
                    return <div>Loading...</div>;
                default:
                    return <ChildComponent {...this.props} />
            }
        }
    }

    const mapStateToProps = ({ auth }) => {
        return { auth };
    };

    return connect(mapStateToProps)(RequireAuth);
};