Лайфхак для использования 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')