lnked/react-starter

import * as React from 'react'

export interface P {
  load: any;
  children?: any;
}

export interface S {
  component: any;
}

export default class DynamicImport extends React.Component<P, S> {

  state = {
    component: null,
  }

  componentDidMount () {
    this.props.load().then((component: any) => {
      this.setState(() => ({
        component: component.default ? component.default : component,
      }))
    })
  }

  render () {
    const { children } = this.props
    const { component } = this.state

    return children && children(component)
  }

}