The use() hook is unlike any other React hook. It can be called conditionally, inside loops, and it works with both promises and context. When you pass it a promise, React suspends the component until the promise resolves, then re-renders with the value. No useEffect, no loading states, no race conditions.

Replacing useEffect Fetching

The classic pattern of useEffect + useState for data fetching is verbose and error-prone (stale closures, race conditions, missing cleanup). With use(), you pass a promise from the parent and the child component reads it synchronously. Suspense boundaries handle the loading state declaratively.