Lets you React.lazy import named exports

use-named-lazy-import.tsx

import * as React from 'react'

function lazyImport<
  T extends React.ComponentType<any>,
  I extends { [K2 in K]: T },
  K extends keyof I
>(factory: () => Promise<I>, name: K): I {
  return Object.create({
    [name]: React.lazy(() =>
      factory().then(module => ({ default: module[name] }))
    ),
  })
}

// Usage
const { Home } = lazyImport(() => import('./Home.component.tsx'), 'Home')

// Credit: https://github.com/JoseLion
// https://github.com/facebook/react/issues/14603#issuecomment-726551598