gistfile1.txt

HOC

import React, { Component } from 'react';

const asyncComponent = (importComponent) => {
    return class extends Component {
        state = {
            component: null
        }

        componentDidMount () {
            importComponent()
                .then(cmp => {
                    this.setState({component: cmp.default});
                });
        }
        
        render () {
            const C = this.state.component;

            return C ? <C {...this.props} /> : null;
        }
    }
}

export default asyncComponent;


USAGE

const AsyncNewPost = asyncComponent(() => {
    return import('./NewPost/NewPost');
});

<Route path="/new-post" component={AsyncNewPost} />