fix: mention React.use SSR bug workaround

hi-ogawa · hi-ogawa · commit d7194ee05aa8 · 2025-07-21T09:30:48.000+09:00
diff --git a/packages/plugin-rsc/examples/starter/src/client.tsx b/packages/plugin-rsc/examples/starter/src/client.tsx
@@ -11,3 +11,11 @@ export function ClientCounter() {
     </button>
   )
 }
+
+const promise = Promise.resolve('ok')
+
+export function TestClientUse() {
+  const value = React.use(promise)
+  console.log(value)
+  return <span>TestClientUse: {value}</span>
+}
diff --git a/packages/plugin-rsc/examples/starter/src/root.tsx b/packages/plugin-rsc/examples/starter/src/root.tsx
@@ -2,7 +2,7 @@ import './index.css' // css import is automatically injected in exported server
 import viteLogo from '/vite.svg'
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
-import { ClientCounter } from './client.tsx'
+import { ClientCounter, TestClientUse } from './client.tsx'
 
 export function Root() {
   return (
@@ -14,7 +14,8 @@ export function Root() {
         <title>Vite + RSC</title>
       </head>
       <body>
-        <App />
+        <TestClientUse />
+        {/* <App /> */}
       </body>
     </html>
   )

Original file line number	Diff line number	Diff line change
`@@ -11,3 +11,11 @@ export function ClientCounter() {`
`11`	`11`	`</button>`
`12`	`12`	`)`
`13`	`13`	`}`
	`14`	`+`
	`15`	`+const promise = Promise.resolve('ok')`
	`16`	`+`
	`17`	`+export function TestClientUse() {`
	`18`	`+ const value = React.use(promise)`
	`19`	`+ console.log(value)`
	`20`	`+ return <span>TestClientUse: {value}</span>`
	`21`	`+}`