React Performance Optimization: Lazy Loading

A significant limitation of React.lazy() in React 17 and earlier is that it cannot be used with named exports. It only works with default exports. This means if your lazy-loaded component uses named exports, you need to create an intermediate module that re-exports it as the default export. For example, instead of `React.lazy(() => import('./Component').then(module => ({ default: module.NamedComponent })))`. React 18 introduced improved support for handling named exports more elegantly.