Post

1/4 One of the most common misconceptions about React Suspense: “Suspense fetches my data.” It doesn’t. Suspense is a coordinator, not a data-fetching library. 🧵👇

2/4 Here is what's actually happening: • Something provides a suspension signal (like use() reading a pending Promise or React.lazy()). • Suspense observes this during rendering and decides what to show while waiting.

3/4 This is why putting fetch() inside useEffect() + wrapping in <Suspense> fails to trigger the fallback. useEffect fires post-render. If React can't observe the pending Promise during render, Suspense stays silent.