fix(devtools): bumps devtools, fixes r-17 conflicts (#1892)

harry-whorlow · web-flow · commit e18f00c0aaf1 · 2025-12-07T13:20:31.000+01:00
diff --git a/.changeset/metal-views-accept.md b/.changeset/metal-views-accept.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/form-devtools': patch
+---
+
+Update @tanstack/devtools-utils to 0.0.9, fixes react 17 conflict
diff --git a/packages/form-devtools/package.json b/packages/form-devtools/package.json
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@tanstack/devtools-ui": "^0.4.4",
-    "@tanstack/devtools-utils": "^0.0.4",
+    "@tanstack/devtools-utils": "^0.0.9",
     "@tanstack/form-core": "workspace:*",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.18",
diff --git a/packages/react-form-devtools/package.json b/packages/react-form-devtools/package.json
@@ -52,7 +52,7 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.0.4",
+    "@tanstack/devtools-utils": "^0.0.9",
     "@tanstack/form-devtools": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/react-form-devtools/src/plugin.tsx b/packages/react-form-devtools/src/plugin.tsx
@@ -1,9 +1,9 @@
 import { createReactPlugin } from '@tanstack/devtools-utils/react'
 import { FormDevtoolsPanel } from './FormDevtools'
 
-const [formDevtoolsPlugin, formDevtoolsNoOpPlugin] = createReactPlugin(
-  'TanStack Form',
-  FormDevtoolsPanel,
-)
+const [formDevtoolsPlugin, formDevtoolsNoOpPlugin] = createReactPlugin({
+  name: 'TanStack Form',
+  Component: FormDevtoolsPanel,
+})
 
 export { formDevtoolsPlugin, formDevtoolsNoOpPlugin }
diff --git a/packages/solid-form-devtools/package.json b/packages/solid-form-devtools/package.json
@@ -54,7 +54,7 @@
     "solid-js": ">=1.9.7"
   },
   "dependencies": {
-    "@tanstack/devtools-utils": "^0.0.4",
+    "@tanstack/devtools-utils": "^0.0.9",
     "@tanstack/form-devtools": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/solid-form-devtools/src/plugin.tsx b/packages/solid-form-devtools/src/plugin.tsx
@@ -1,9 +1,9 @@
 import { createSolidPlugin } from '@tanstack/devtools-utils/solid'
 import { FormDevtoolsPanel } from './FormDevtools'
 
-const [formDevtoolsPlugin, formDevtoolsNoOpPlugin] = createSolidPlugin(
-  'TanStack Form',
-  FormDevtoolsPanel,
-)
+const [formDevtoolsPlugin, formDevtoolsNoOpPlugin] = createSolidPlugin({
+  name: 'TanStack Form',
+  Component: FormDevtoolsPanel,
+})
 
 export { formDevtoolsPlugin, formDevtoolsNoOpPlugin }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@tanstack/form-devtools': patch
 +---
++
 +Update @tanstack/devtools-utils to 0.0.9, fixes react 17 conflict