Use Lazy Widget

getLazyComponent.js

import React from 'react'
import widgetMap from './widgetMap'

function getLazyComponent(widgetName, defaultProps, loader = 'loading...') {
    if (!widgetMap[widgetName])
        throw 'WidgetNotFound: Provided widget name does not exist.'

    return (
        class LoaderWrapper extends React.Component {
            static defaultProps = defaultProps

            constructor(props) {
                super(props)
                this.state = {
                    ComponentClass: null
                }
            }

            componentDidMount() {
                widgetMap[widgetName](
                    ComponentModule => !this._calledComponentWillUnmount && this.setState({
                        ComponentClass: ComponentModule.default || ComponentModule
                    })
                )
            }

            render() {
                const { ComponentClass } = this.state

                return ComponentClass
                    ? React.createElement(ComponentClass, this.props)
                    : loader
            }
        }
    )
}

export default getLazyComponent