diff --git a/examples/react/start-basic-react-query/package.json b/examples/react/start-basic-react-query/package.json index 33346b8c332..4a1a2ca5a09 100644 --- a/examples/react/start-basic-react-query/package.json +++ b/examples/react/start-basic-react-query/package.json @@ -9,12 +9,15 @@ "start": "vite start" }, "dependencies": { + "@tanstack/devtools-vite": "^0.3.3", + "@tanstack/react-devtools": "^0.7.0", "@tanstack/react-query": "^5.66.0", "@tanstack/react-query-devtools": "^5.66.0", "@tanstack/react-router": "^1.132.7", "@tanstack/react-router-ssr-query": "^1.132.7", "@tanstack/react-router-devtools": "^1.132.7", "@tanstack/react-start": "^1.132.9", + "@tanstack/react-start-devtools": "0.0.1", "react": "^19.0.0", "react-dom": "^19.0.0", "redaxios": "^0.5.1", @@ -25,11 +28,11 @@ "@types/react": "^19.0.8", "@types/react-dom": "^19.0.3", "@vitejs/plugin-react": "^4.3.4", - "postcss": "^8.5.1", "autoprefixer": "^10.4.20", + "postcss": "^8.5.1", "tailwindcss": "^3.4.17", "typescript": "^5.7.2", "vite": "^7.1.1", "vite-tsconfig-paths": "^5.1.4" } -} +} \ No newline at end of file diff --git a/examples/react/start-basic-react-query/src/routes/__root.tsx b/examples/react/start-basic-react-query/src/routes/__root.tsx index bc278f8036b..45bfeb62e0a 100644 --- a/examples/react/start-basic-react-query/src/routes/__root.tsx +++ b/examples/react/start-basic-react-query/src/routes/__root.tsx @@ -6,9 +6,11 @@ import { Scripts, createRootRouteWithContext, } from '@tanstack/react-router' -import { ReactQueryDevtools } from '@tanstack/react-query-devtools' -import { TanStackRouterDevtools } from '@tanstack/react-router-devtools' +import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools' +import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools' import * as React from 'react' +import { TanStackDevtools } from '@tanstack/react-devtools' +import { StartDevtoolsPanel } from '@tanstack/react-start-devtools' import type { QueryClient } from '@tanstack/react-query' import { DefaultCatchBoundary } from '~/components/DefaultCatchBoundary' import { NotFound } from '~/components/NotFound' @@ -136,8 +138,23 @@ function RootDocument({ children }: { children: React.ReactNode }) {