• 25-06-2022 08:53

Лайфхак для использования React.lazy с именованными экспортами

export const namedLazy = <T extends Record<string, any>>(
  loader: () => Promise<T>,
  name: keyof T,
) =>
  React.lazy(async () => {
    const module = await loader()
    return { default: module[name] }
  })

Использование:

const Component = namedLazy(() => import('./component'), 'ComponentName')
Запись опубликовал:
user img
Евгений
Автор канала jackcoder на ютубе!