+
+```js src/App.js hidden
+```
+
+```html public/index.html
+
+
+
+
+ Streaming SSR
+
+
+
+
+
+```
+
+```js src/index.js
+import { flushReadableStreamToFrame } from './demo-helpers.js';
+import { Suspense, use } from 'react';
+import { renderToReadableStream } from 'react-dom/server';
+
+const { promise: posts, resolve: resolvePosts } =
+ Promise.withResolvers();
+
+function Posts() {
+ const text = use(posts);
+ return {text}
;
+}
+
+function ProfilePage() {
+ return (
+
+
+ Alice
+ Photographer and traveler.
+ Loading posts...}>
+
+
+
+
+ );
+}
+
+async function main(frame) {
+ const stream = await renderToReadableStream();
+
+ // The posts resolve after the shell has streamed, so React
+ // streams their HTML in and swaps out the fallback.
+ setTimeout(() => {
+ resolvePosts(
+ 'Just got back from two weeks along the coast. The drive ' +
+ 'was longer than expected, but every stop was worth it. ' +
+ 'A full write-up and more photos are coming soon.'
+ );
+ }, 1500);
+
+ await flushReadableStreamToFrame(stream, frame);
+}
+
+main(document.getElementById('container'));
+```
+
+```js src/demo-helpers.js hidden
+export async function flushReadableStreamToFrame(readable, frame) {
+ const doc = frame.contentWindow.document;
+ const decoder = new TextDecoder();
+ for await (const chunk of readable) {
+ doc.write(decoder.decode(chunk));
+ }
+}
+```
+
+
+
---
### Revealing content together at once {/*revealing-content-together-at-once*/}
diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md
index 1780f82e7b5..611a0608aae 100644
--- a/src/content/reference/react/use.md
+++ b/src/content/reference/react/use.md
@@ -472,7 +472,7 @@ function Albums() {
}
```
-Instead, pass a Promise from a cache, a Suspense-enabled framework, or a Server Component:
+Instead, pass a Promise from a cache, a [Suspense-enabled framework](/reference/react/Suspense#suspense-enabled-frameworks), or a Server Component:
```js
// ✅ fetchData reads the Promise from a cache.
@@ -538,7 +538,7 @@ The `fetchData` function returns the same Promise each time it's called with the