code_spliting_hoc.js

import React from 'react'


const codeSplittingHoc = impoertComponent => 
  class componentName extends React.Component {
    state = {
      component: null // default state for component
    }
    async componentDidMount() {
      const { default: component } = await impoertComponent(); // import default from function and assign it to component
      this.setState({ component }) // set component module component as state to use it on render()
    };

    render() {
      const { component: Component } = this.state; // Capitlize component to use it as React Component
      return (
        Component ?
        <Component /> :
        null {* do what you want @here *}
      )
    }
  }

  export default codeSplittingHoc;