use @tanstack/react-router-ssr-query package for react query integration

Author: max-programming

bun.lock

@@ -40,7 +40,7 @@
     "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-query": "^5.90.1",
     "@tanstack/react-router": "^1.131.50",
-    "@tanstack/react-router-with-query": "^1.130.17",
+    "@tanstack/react-router-ssr-query": "^1.132.6",
     "@tanstack/react-start": "^1.131.50",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package.json

@@ -1,21 +1,22 @@
 import { createRouter as createTanStackRouter } from "@tanstack/react-router";
-import { routerWithQueryClient } from "@tanstack/react-router-with-query";
+import { setupRouterSsrQueryIntegration } from "@tanstack/react-router-ssr-query";
 import { QueryClient } from "@tanstack/react-query";
 import { routeTree } from "./routeTree.gen";
 
 export function createRouter() {
   const queryClient = new QueryClient();
 
-  const router = routerWithQueryClient(
-    createTanStackRouter({
-      routeTree,
-      scrollRestoration: true,
-      context: {
-        queryClient,
-      },
-    }),
-    queryClient
-  );
+  const router = createTanStackRouter({
+    routeTree,
+    scrollRestoration: true,
+    context: {
+      queryClient,
+    },
+  });
+  setupRouterSsrQueryIntegration({
+    router,
+    queryClient,
+  });
 
   return router;
 }