HOC Scaffold Redux

index.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 comonent just got updated with new props
        componentDidUpdate() {
            this.shouldNavigateAway();
        }

        shouldNavigateAway() {
            if (!this.props.auth) {
                console.log('I NEED TO LEAVE');
                this.props.history.push('/');
            }
        }
        
        // Methods above get injected into component

        render() {
            // Pass parent props to child
            return <ChildComponent {...this.props} />;
        };
    }

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

    return connect(mapStateToProps)(ComposedComponent);
};