React Performance Optimization: Lazy Loading

Use React.lazy and Suspense just like in client-side applications
Avoid lazy loading completely in SSR applications
Use a third-party library like loadable-components
For server-side rendered React applications, the recommended way to lazy load components is to use a third-party library like loadable-components or @loadable/component. These libraries support code splitting with server-side rendering, unlike React.lazy which does not support SSR (prior to React 18). They provide a consistent API that works on both server and client, handle the complexity of loading chunks on the server, and ensure proper hydration on the client side without content flickering or mismatches that could occur with other approaches.
Use dynamic imports but render placeholders server-side