update example 98 for waku 0.15.0

examples/98_router/package.json

@@ -13,7 +13,7 @@
     "react": "18.3.0-canary-7118f5dd7-20230705",
     "react-dom": "18.3.0-canary-7118f5dd7-20230705",
     "react-server-dom-webpack": "18.3.0-canary-7118f5dd7-20230705",
-    "waku": "0.14.0"
+    "waku": "0.15.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.21",

examples/98_router/src/components/App.tsx

@@ -2,8 +2,8 @@ import { ServerRouter } from "../lib/server.js";
 
 import { routeTree } from "../routes.js";
 
-const App = ({ path = "/" }) => {
-  return <ServerRouter rootTree={routeTree} path={path} />;
+const App = ({ path }: { path: string }) => {
+  return <ServerRouter rootTree={routeTree} path={path.slice(1)} />;
 };
 
 export default App;

examples/98_router/src/entries.tsx

@@ -0,0 +1,14 @@
+import { lazy } from "react";
+
+import { defineEntries } from "waku/server";
+
+const App = lazy(() => import("./components/App.js"));
+
+export default defineEntries(
+  // renderEntries
+  async (input) => {
+    return {
+      App: <App path={input} />,
+    };
+  },
+);

examples/98_router/src/lib/client.tsx

@@ -1,25 +1,37 @@
 "use client";
 
-import { createContext, useContext, useState } from "react";
+import { createContext, useCallback, useContext } from "react";
 import type { ReactNode } from "react";
 
-import { serve } from "waku/client";
+import { Root, Slot, useRefetch } from "waku/client";
 
 import { RouteTree } from "./common.js";
 
 const RouterContext = createContext<{
   setPath: (path: string) => void;
 } | null>(null);
 
-const App = serve<{ path: string }>("App");
+function InnerClientRouter() {
+  const refetch = useRefetch();
+  const setPath = useCallback(
+    (path: string) => {
+      refetch("_" + path);
+    },
+    [refetch],
+  );
+  return (
+    <RouterContext.Provider value={{ setPath }}>
+      <Slot id="App" />
+    </RouterContext.Provider>
+  );
+}
 
 export function ClientRouter(props: { rootTree: RouteTree }) {
   const initialPath = props.rootTree.root.path;
-  const [path, setPath] = useState(initialPath);
   return (
-    <RouterContext.Provider value={{ setPath }}>
-      <App path={path} />
-    </RouterContext.Provider>
+    <Root initialInput={"_" + initialPath}>
+      <InnerClientRouter />
+    </Root>
   );
 }