React & Recompose & Meteor dynamic-import

dynamically-import-component.js

import { compose, withState, lifecycle } from 'recompose';

let AsyncComponent = null;

export default (loader, loadingComponent) => compose(
    withState('isDynamicallyLoaded', 'updatedIsDynamicallyLoaded', false),
    lifecycle({
      componentDidMount() {
        const { updatedIsDynamicallyLoaded } = this.props;
        loader.then((LoadedModule) => {
          AsyncComponent = LoadedModule;
          updatedIsDynamicallyLoaded(true);
        }).catch((e) => {
          console.error('Error while trying to dynamically load a react component: ' + e); // eslint-disable-line
        });
      },
    }))(
      ({ isDynamicallyLoaded,
        updatedIsDynamicallyLoaded,
        ...rest
      }) => (
        (AsyncComponent && isDynamicallyLoaded && updatedIsDynamicallyLoaded) ?
          AsyncComponent.default(rest) :
          loadingComponent(rest)));