HOC Scaffold

requireAuth.js

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

export default (ChildComponent) => {
    class ComposedComponent extends Component {
        // Our component just got rendered
        componentDidMount() {
            this.shouldNavigateAway();
        }
        
        // Our component just got updated
        componentDidUpdate() {
            this.shouldNavigateAway();
        }
        
        shouldNavigateAway() {
            if (!this.props.auth) {
                this.props.history.push('/');
            }
        }
        
        function mapStateToProp(state) {
            return { auth: state.auth }
        }
    
        render() {
            return <ChildComponent {...this.props} />;
        };
    }

    return connect(mapStateToProps)(ComposedComponent);
};

// Imagine we are in CommentBox.js
/*

import requireAuth from 'components/requireAuth'

class CommentBox {}

export default requireAuth(CommentBox);

*/

// Imagine we are in App.js
/*
import CommentBox from './CommentBox';
*/