Server Side Rendering with Suspense in React 18

React 18 will include architectural improvements to React server-side rendering (SSR) performance. This is changing in React 18. This is supposed to solve the following issues we are currently having today:

1. Fetch all data before rendering
2. Load every JS for every component before hydrating HTML
3. Hydrate everything before interacting

Current implementations of server-side rendering, Next.js for example have to wait for the API calls to be resolved before rendering HTML and…