What is the React Suspense component’s role in data fetching when used with libraries like Relay or React Query?

Question

React Developer — Hard

What is the React Suspense component’s role in data fetching when used with libraries like Relay or React Query?

Accepted Answer

React Suspense allows components to indicate they are waiting for data, triggering the library to throw a Promise during render. Suspense catches this Promise to display a fallback until the data is loaded, making it essential for handling asynchronous data fetching.