diff --git a/docs/_asset/index.client.js b/docs/_asset/index.client.js
index 35c2fe554..047a3ead7 100644
--- a/docs/_asset/index.client.js
+++ b/docs/_asset/index.client.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import {createRoot} from 'react-dom/client'
+import {hydrateRoot} from 'react-dom/client'
 import {createFromFetch} from 'react-server-dom-webpack'
 import {Root} from './root.client.js'
 
@@ -14,6 +14,5 @@ if ('paintWorklet' in CSS) {
 async function main() {
   const nljson = document.querySelector('#payload').dataset.src
   const $root = document.querySelector('#root')
-  const root = createRoot($root)
-  root.render(<Root response={createFromFetch(fetch(nljson))} />)
+  hydrateRoot($root, <Root response={createFromFetch(fetch(nljson))} />)
 }