React · Junior · Question 37 of 75

Why does `lazy(() => import('./Chart'))` fail if `Chart.tsx` has only `export function Chart`?

✓Correct answer: lazy expects a module with a default export
2lazy doesn't support TypeScript .tsx files
3A component for lazy must be a class component

Explanation

The promise from import() must resolve to an object with a default field. For a named export, map it: lazy(() => import('./Chart').then(m => ({ default: m.Chart }))). TypeScript and function components are fully supported.

Why does `lazy(() => import('./Chart'))` fail if `Chart.tsx` has only `export function Chart`?

Explanation

Further reading

Problem with a question

Test yourself

Why does lazy(() => import('./Chart')) fail if Chart.tsx has only export function Chart?

Explanation

Further reading

Test yourself

Why does `lazy(() => import('./Chart'))` fail if `Chart.tsx` has only `export function Chart`?