makeLoadable.jsx

import React from 'react'

export function makeLoadable({ loading, render, loader }) {
  const Comp = render
    ? React.lazy(() =>
      loader().then(loaded => ({
          ...loaded,
          default: props => render(loaded, props),
        }))
      )
    : React.lazy(loader)
  return props => (
    <React.Suspense fallback={loading}>
      <Comp {...props} />
    </React.Suspense>
  )
}