fix: ssr hydrate (#59)

* fix: ssr hydrate * fix: prettier * Update src/sync/write_client_entry.ts --------- Co-authored-by: xiaoxiao <xiaoxiao.lh@antgroup.com> Co-authored-by: chencheng (云谦) <sorrycc@gmail.com>
umijs · Nov 19, 2024 · 665de67 · 665de67
1 parent 647abbb
commit 665de67
Show file tree

Hide file tree

Showing 5 changed files with 3,002 additions and 274 deletions.
diff --git a/examples/ssr/package.json b/examples/ssr/package.json
@@ -7,6 +7,7 @@
     "preview": "tnf preview"
   },
   "dependencies": {
+    "@tanstack/start": "^1.82.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@umijs/tnf": "workspace:*"

diff --git a/examples/ssr/src/pages/__root.tsx b/examples/ssr/src/pages/__root.tsx
@@ -1,18 +1,28 @@
 import { Link, Outlet, createRootRoute } from '@umijs/tnf/router';
+import { Meta } from '@tanstack/start';
 
 export const Route = createRootRoute({
-  component: () => (
-    <>
-      <div>Hello</div>
-      <ul>
-        <li>
-          <Link to="/">Home</Link>
-        </li>
-        <li>
-          <Link to="/foo">Foo</Link>
-        </li>
-      </ul>
-      <Outlet />
-    </>
-  ),
+  component: RootComponent,
 });
+
+function RootComponent() {
+  return (
+    <html lang="en">
+      <head>
+        <Meta />
+      </head>
+      <body>
+        <div>Hello</div>
+        <ul>
+          <li>
+            <Link to="/">Home</Link>
+          </li>
+          <li>
+            <Link to="/foo">Foo</Link>
+          </li>
+        </ul>
+        <Outlet />
+      </body>
+    </html>
+  );
+}