React Lazy Load Named Export #react

lazy-load-named.ts

/**
 * Lazy load a module with a named export
 *
 * @param {string} path - path for the import
 * @param {string} namedExport - named exported member of the module
 */
const lazyLoad = (path: string, namedExport: string) =>
  lazy(() =>
    namedExport
      ? import(path).then((module) => ({ default: module[namedExport] }))
      : import(path)
  );

export default lazyLoad;