diff --git a/src/content/blog/2024/04/25/react-19.md b/src/content/blog/2024/04/25/react-19.md index 52a8e1ec3d1..21784ca2135 100644 --- a/src/content/blog/2024/04/25/react-19.md +++ b/src/content/blog/2024/04/25/react-19.md @@ -243,14 +243,23 @@ In React 19 we're introducing a new API to read resources in render: `use`. For example, you can read a promise with `use`, and React will Suspend until the promise resolves: -```js {1,6} +```js {1,5} import {use} from 'react'; function Comments({commentsPromise}) { - // NOTE: this will resume the promise from the server. - // It will suspend until the data is available. + // `use` will suspend until the promise resolves. const comments = use(commentsPromise); - return comments.map(comment =>

{comment}

); + return comments.map(comment =>

{comment}

); +} + +function Page({commentsPromise}) { + // When `use` suspends in Comments, + // this Suspense boundary will be shown. + return ( + Loading...}> + + + ) } ```