feat: support vite v8 (#388)

harry-whorlow · autofix-ci[bot] · web-flow · commit 63e505c7b60b · 2026-03-15T09:35:54.000+01:00
Co-authored-by: autofix-ci[bot] &lt;114827586+autofix-ci[bot]@users.noreply.github.com&gt;
diff --git a/.changeset/light-crews-melt.md b/.changeset/light-crews-melt.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-vite': minor
+---
+
+Bumps vite versions to include v8
diff --git a/examples/preact/basic/package.json b/examples/preact/basic/package.json
@@ -16,11 +16,11 @@
     "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.2",
+    "@preact/preset-vite": "^2.10.3",
     "@tanstack/devtools-ui": "0.5.0",
     "@tanstack/devtools-vite": "0.5.5",
     "sonda": "0.9.0",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3"
   },
   "browserslist": {
diff --git a/examples/preact/custom-devtools/package.json b/examples/preact/custom-devtools/package.json
@@ -14,8 +14,8 @@
     "preact": "^10.28.0"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.2",
-    "vite": "^7.1.7"
+    "@preact/preset-vite": "^2.10.3",
+    "vite": "^8.0.0"
   },
   "browserslist": {
     "production": [
diff --git a/examples/react/a11y-devtools/package.json b/examples/react/a11y-devtools/package.json
@@ -15,10 +15,11 @@
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
+    "@tanstack/devtools-vite": "0.5.5",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^7.1.7"
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.0"
   },
   "browserslist": {
     "production": [
diff --git a/examples/react/a11y-devtools/tsconfig.json b/examples/react/a11y-devtools/tsconfig.json
@@ -23,5 +23,5 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"]
+  "include": ["src", "vite.config.ts"]
 }
diff --git a/examples/react/a11y-devtools/vite.config.ts b/examples/react/a11y-devtools/vite.config.ts
@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
+import { devtools } from '@tanstack/devtools-vite'
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [devtools(), react()],
 })
diff --git a/examples/react/basic/package.json b/examples/react/basic/package.json
@@ -27,9 +27,9 @@
     "@tanstack/react-form-devtools": "^0.1.7",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "sonda": "0.9.0",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3"
   },
   "browserslist": {
diff --git a/examples/react/bundling-repro/package.json b/examples/react/bundling-repro/package.json
@@ -55,11 +55,11 @@
     "@types/node": "^22.15.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "babel-plugin-react-compiler": "^1.0.0",
     "jsdom": "^27.0.0",
     "typescript": "~5.9.2",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vitest": "^3.2.4",
     "web-vitals": "^5.1.0",
     "wrangler": "^4.40.3"
diff --git a/examples/react/custom-devtools/package.json b/examples/react/custom-devtools/package.json
@@ -17,8 +17,8 @@
   "devDependencies": {
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^7.1.7"
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.0"
   },
   "browserslist": {
     "production": [
diff --git a/examples/react/drizzle/package.json b/examples/react/drizzle/package.json
@@ -24,7 +24,7 @@
     "drizzle-orm": "^0.44.5",
     "pg": "^8.16.3",
     "typescript": "~5.9.2",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3"
   }
 }
diff --git a/examples/react/https/package.json b/examples/react/https/package.json
@@ -24,8 +24,8 @@
     "@tanstack/devtools-vite": "0.5.5",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^7.1.7",
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3",
     "vite-plugin-mkcert": "^1.17.8"
   },
diff --git a/examples/react/start/package.json b/examples/react/start/package.json
@@ -31,10 +31,10 @@
     "@types/node": "^22.15.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^27.0.0",
     "typescript": "~5.9.2",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vitest": "^3.2.4",
     "web-vitals": "^5.1.0"
   }
diff --git a/examples/react/time-travel/package.json b/examples/react/time-travel/package.json
@@ -23,8 +23,8 @@
   "devDependencies": {
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "vite": "^7.1.7"
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.0"
   },
   "browserslist": {
     "production": [
diff --git a/examples/solid/a11y-devtools/package.json b/examples/solid/a11y-devtools/package.json
@@ -15,9 +15,9 @@
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "0.5.5",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "browserslist": {
     "production": [
diff --git a/examples/solid/basic/package.json b/examples/solid/basic/package.json
@@ -18,9 +18,9 @@
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "0.5.5",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "browserslist": {
     "production": [
diff --git a/examples/solid/devtools-ui/package.json b/examples/solid/devtools-ui/package.json
@@ -15,9 +15,9 @@
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "0.5.5",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vite-plugin-inspect": "11.3.3",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "browserslist": {
     "production": [
diff --git a/examples/vue/basic/package.json b/examples/vue/basic/package.json
@@ -17,6 +17,6 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "typescript": "~5.9.2",
-    "vite": "^7.1.7"
+    "vite": "^8.0.0"
   }
 }
diff --git a/package.json b/package.json
@@ -61,8 +61,8 @@
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tanstack/eslint-config": "0.3.2",
     "@tanstack/intent": "^0.0.14",
-    "@tanstack/typedoc-config": "0.2.1",
-    "@tanstack/vite-config": "0.2.1",
+    "@tanstack/typedoc-config": "0.3.3",
+    "@tanstack/vite-config": "0.4.3",
     "@testing-library/jest-dom": "^6.8.0",
     "@types/node": "^22.15.2",
     "eslint": "^9.36.0",
@@ -79,7 +79,7 @@
     "size-limit": "^11.2.0",
     "tinyglobby": "^0.2.15",
     "typescript": "~5.9.2",
-    "vite": "^7.1.7",
+    "vite": "^8.0.0",
     "vitest": "^3.2.4"
   },
   "overrides": {
diff --git a/packages/devtools-a11y/package.json b/packages/devtools-a11y/package.json
@@ -87,7 +87,7 @@
     "goober": "^2.1.16"
   },
   "devDependencies": {
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "peerDependencies": {
     "@types/react": ">=17.0.0",
diff --git a/packages/devtools-a11y/vite.config.ts b/packages/devtools-a11y/vite.config.ts
@@ -2,12 +2,13 @@ import { defineConfig, mergeConfig } from 'vitest/config'
 import { tanstackViteConfig } from '@tanstack/vite-config'
 import solid from 'vite-plugin-solid'
 import packageJson from './package.json'
+import type { Plugin } from 'vite'
 
 const config = defineConfig({
   plugins: [
     solid({
       ssr: true,
-    }),
+    }) as any satisfies Plugin,
   ],
   test: {
     name: packageJson.name,
diff --git a/packages/devtools-ui/package.json b/packages/devtools-ui/package.json
@@ -63,6 +63,6 @@
     "solid-js": ">=1.9.7"
   },
   "devDependencies": {
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   }
 }
diff --git a/packages/devtools-utils/package.json b/packages/devtools-utils/package.json
@@ -79,7 +79,7 @@
     "@tanstack/devtools": "workspace:^",
     "tsup": "^8.5.0",
     "tsup-preset-solid": "^2.2.0",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "peerDependencies": {
     "@types/react": ">=17.0.0",
diff --git a/packages/devtools-vite/package.json b/packages/devtools-vite/package.json
@@ -53,7 +53,7 @@
     "build": "vite build"
   },
   "peerDependencies": {
-    "vite": "^6.0.0 || ^7.0.0"
+    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "dependencies": {
     "@babel/core": "^7.28.4",
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
@@ -80,6 +80,6 @@
   "devDependencies": {
     "tsup": "^8.5.0",
     "tsup-preset-solid": "^2.2.0",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   }
 }
diff --git a/packages/preact-devtools/package.json b/packages/preact-devtools/package.json
@@ -51,7 +51,7 @@
     "@tanstack/devtools": "workspace:*"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.10.2",
+    "@preact/preset-vite": "^2.10.3",
     "eslint-plugin-react-hooks": "^7.0.1",
     "preact": "^10.28.0"
   },
diff --git a/packages/react-devtools/package.json b/packages/react-devtools/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^1.53.1",
     "@types/react": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "react": "^19.2.0"
diff --git a/packages/solid-devtools/package.json b/packages/solid-devtools/package.json
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "solid-js": "^1.9.9",
-    "vite-plugin-solid": "^2.11.8"
+    "vite-plugin-solid": "^2.11.11"
   },
   "peerDependencies": {
     "solid-js": ">=1.9.7"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@tanstack/devtools-vite': minor
 +---
++
 +Bumps vite versions to include v8
Original file line number	Diff line number	Diff line change
`@@ -23,5 +23,5 @@`
`23`	`23`	`"noUnusedParameters": true,`
`24`	`24`	`"noFallthroughCasesInSwitch": true`
`25`	`25`	`},`
`26`		`- "include": ["src"]`
	`26`	`+ "include": ["src", "vite.config.ts"]`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`"drizzle-orm": "^0.44.5",`
`25`	`25`	`"pg": "^8.16.3",`
`26`	`26`	`"typescript": "~5.9.2",`
`27`		`- "vite": "^7.1.7",`
	`27`	`+ "vite": "^8.0.0",`
`28`	`28`	`"vite-plugin-inspect": "11.3.3"`
`29`	`29`	`}`
`30`	`30`	`}`