How does Suspense for data fetching interact with the React component lifecycle during a concurrent render?

Question

React Developer — Hard

How does Suspense for data fetching interact with the React component lifecycle during a concurrent render?

Accepted Answer

When a component suspends with a Promise in a concurrent render, React unwinds the render, displays the nearest Suspense fallback, and retries rendering the suspended subtree once the Promise resolves. This process happens without remounting the parent tree.