Clarify browser-only example action

Author: aurorascharff

src/content/reference/react-dom/browser.md

@@ -69,7 +69,7 @@ Call `browser` inside `use` in a component that should only render in the browse
 
 You can use this instead of checking `typeof window`, waiting for an [`Effect`](/reference/react/useEffect) to set mounted state, or using a framework option to disable server rendering.
 
-Press **Render the page** to see the loading fallback. React then displays a draft loaded from `localStorage`.
+Press **Load draft**. The initial HTML contains the loading fallback. After hydration, React displays the draft loaded from `localStorage`.
 
 <Sandpack>
 
@@ -182,7 +182,7 @@ export async function flushReadableStreamToFrame(readable, frame) {
   <title>Browser-only rendering</title>
 </head>
 <body>
-  <button id="render">Render the page</button>
+  <button id="render">Load draft</button>
   <br /><br />
   <iframe id="preview" title="Rendered page"></iframe>
 </body>

src/content/reference/react/Suspense.md

@@ -2386,7 +2386,7 @@ The server HTML will include the loading indicator. It will be replaced by the `
 
 A Suspense boundary can provide a fallback for a browser-only component. Wrap the component in `<Suspense>` and call [`use(browser())`](/reference/react/use#use-browser) inside it.
 
-Press **Render the page** to see the loading fallback. React then displays a draft loaded from `localStorage`.
+Press **Load draft**. The initial HTML contains the loading fallback. After hydration, React displays the draft loaded from `localStorage`.
 
 <Sandpack>
 
@@ -2499,7 +2499,7 @@ export async function flushReadableStreamToFrame(readable, frame) {
   <title>Browser-only rendering</title>
 </head>
 <body>
-  <button id="render">Render the page</button>
+  <button id="render">Load draft</button>
   <br /><br />
   <iframe id="preview" title="Rendered page"></iframe>
 </body>

src/content/reference/react/use.md

@@ -1332,7 +1332,7 @@ async function getData(url) {
 
 Pass the value returned by [`browser`](/reference/react-dom/browser) to `use` inside a component that should only render in the browser.
 
-Press **Render the page** to see the loading fallback. React then displays a draft loaded from `localStorage`.
+Press **Load draft**. The initial HTML contains the loading fallback. After hydration, React displays the draft loaded from `localStorage`.
 
 <Sandpack>
 
@@ -1445,7 +1445,7 @@ export async function flushReadableStreamToFrame(readable, frame) {
   <title>Browser-only rendering</title>
 </head>
 <body>
-  <button id="render">Render the page</button>
+  <button id="render">Load draft</button>
   <br /><br />
   <iframe id="preview" title="Rendered page"></iframe>
 </body>