Dynamic import of omponent

lazy.ts

import React, { ComponentType, LazyExoticComponent } from "react";


type Transformer = <T>(name: keyof T) => (module: T) => { default: T[keyof T] };

const transformer: Transformer = (
  (name) => (module) => ({ default: module[name] })
);


// eslint-disable-next-line @typescript-eslint/no-explicit-any
type LazyImport = <T extends ComponentType<any>>(path: string, name: string) => LazyExoticComponent<T>;

export const lazyImport: LazyImport = (
  (path, name) => React.lazy(
    () => import(path).then(transformer(name))
  )
);


const Admin = lazyImport("pages/Admin/Admin", "Admin")