From 86a6b56ca9f681f654540bb125b5796a8c4d1bdf Mon Sep 17 00:00:00 2001 From: Prathamesh Chougale Date: Sun, 26 Oct 2025 23:43:21 +0530 Subject: [PATCH 1/2] fix(cli): updated the tanstack devtool to new tanstack devtool in frontend/react/tanstack-router. --- .../react/tanstack-router/package.json.hbs | 1 + .../tanstack-router/src/routes/__root.tsx.hbs | 28 ++++++++++++++----- 2 files changed, 22 insertions(+), 7 deletions(-) diff --git a/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs b/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs index 04bc6fe59..7ca9da6af 100644 --- a/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs +++ b/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs @@ -16,6 +16,7 @@ "@tanstack/react-form": "^1.12.3", "@tailwindcss/vite": "^4.0.15", "@tanstack/react-router": "^1.114.25", + "@tanstack/react-devtools": "^0.7.8", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "lucide-react": "^0.473.0", diff --git a/apps/cli/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs b/apps/cli/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs index 06fed7bf5..56e6e16f6 100644 --- a/apps/cli/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs +++ b/apps/cli/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs @@ -5,7 +5,7 @@ import { Toaster } from "@/components/ui/sonner"; {{#if (eq api "orpc")}} import { link, orpc } from "@/utils/orpc"; import type { QueryClient } from "@tanstack/react-query"; -import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; +import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools"; import { useState } from "react"; import { createTanstackQueryUtils } from "@orpc/tanstack-query"; import type { AppRouterClient } from "@{{projectName}}/api/routers/index"; @@ -14,7 +14,7 @@ import { createORPCClient } from "@orpc/client"; {{#if (eq api "trpc")}} import type { trpc } from "@/utils/trpc"; import type { QueryClient } from "@tanstack/react-query"; -import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; +import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools"; {{/if}} import { HeadContent, @@ -22,7 +22,8 @@ import { createRootRouteWithContext, useRouterState, } from "@tanstack/react-router"; -import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"; +import { TanStackDevtools } from "@tanstack/react-devtools"; +import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools"; import "../index.css"; {{#if (eq api "orpc")}} @@ -100,10 +101,23 @@ function RootComponent() { {{/if}} - - {{#if (or (eq api "orpc") (eq api "trpc"))}} - - {{/if}} + , + }, + {{#if (or (eq api "orpc") (eq api "trpc"))}} + { + name: "Tanstack Query", + render: , + }, + {{/if}} + ]} + /> ); } From e89fa08493537eddd0781fd6b0393803ee91c98c Mon Sep 17 00:00:00 2001 From: Prathamesh Chougale Date: Sun, 26 Oct 2025 23:53:29 +0530 Subject: [PATCH 2/2] fix(cli): reorder @tanstack/react-devtools in package.json dependencies --- .../templates/frontend/react/tanstack-router/package.json.hbs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs b/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs index 7ca9da6af..29c4990da 100644 --- a/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs +++ b/apps/cli/templates/frontend/react/tanstack-router/package.json.hbs @@ -16,7 +16,6 @@ "@tanstack/react-form": "^1.12.3", "@tailwindcss/vite": "^4.0.15", "@tanstack/react-router": "^1.114.25", - "@tanstack/react-devtools": "^0.7.8", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "lucide-react": "^0.473.0", @@ -29,6 +28,7 @@ "zod": "^4.0.2" }, "devDependencies": { + "@tanstack/react-devtools": "^0.7.8", "@tanstack/react-router-devtools": "^1.114.27", "@tanstack/router-plugin": "^1.114.27", "@types/node": "^22.13.13",