lazyNamed - React.lazy but for named exports

lazyNamed.ts

import * as React from 'react'

export function lazyNamed<
  Name extends string,
  Component extends React.ComponentType<unknown>
>(
  loader: () => Promise<Record<Name, Component>>
  name: Name,
): React.LazyExoticComponent<Component> {
  return React.lazy(() => loader().then((mod) => ({ default: mod[name] })))
}

// example
const PostPage = lazyNamed(() => import("../post"), "PostPage")