Split hydration with Suspense

Same three heavy Client Components, but each wrapped in its own<Suspense> boundary. React hydrates them as separate tasks, yielding to the browser between each one. Open the Performance tab, reload, and compare with the single-pass version: three smaller tasks instead of one long one. The button becomes interactive sooner.

Section A

Section B

slow component

Section C

slow component