diff --git a/.changeset/metal-views-accept.md b/.changeset/metal-views-accept.md new file mode 100644 index 000000000..3cecb70ba --- /dev/null +++ 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 index 218e002e7..9c9a1eafb 100644 --- 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 index 2effc0ac9..ff93a853d 100644 --- 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 index 2455b55b6..06b75d09b 100644 --- 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 index 23fa0c8e2..48fe97fa5 100644 --- 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 index 323b72be1..a13841530 100644 --- 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 index b3e67cc34..6236d8c4e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1256,8 +1256,8 @@ importers: specifier: ^0.4.4 version: 0.4.4(csstype@3.1.3)(solid-js@1.9.9) '@tanstack/devtools-utils': - specifier: ^0.0.4 - version: 0.0.4(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9) + specifier: ^0.0.9 + version: 0.0.9(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9)(vue@3.5.16(typescript@5.9.3)) '@tanstack/form-core': specifier: workspace:* version: link:../form-core @@ -1325,8 +1325,8 @@ importers: packages/react-form-devtools: dependencies: '@tanstack/devtools-utils': - specifier: ^0.0.4 - version: 0.0.4(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9) + specifier: ^0.0.9 + version: 0.0.9(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9)(vue@3.5.16(typescript@5.9.3)) '@tanstack/form-devtools': specifier: workspace:* version: link:../form-devtools @@ -1462,8 +1462,8 @@ importers: packages/solid-form-devtools: dependencies: '@tanstack/devtools-utils': - specifier: ^0.0.4 - version: 0.0.4(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9) + specifier: ^0.0.9 + version: 0.0.9(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9)(vue@3.5.16(typescript@5.9.3)) '@tanstack/form-devtools': specifier: workspace:* version: link:../form-devtools @@ -4747,13 +4747,14 @@ packages: peerDependencies: solid-js: '>=1.9.7' - '@tanstack/devtools-utils@0.0.4': - resolution: {integrity: sha512-oEZzBQqX6V9oTmDAj6W45iGDRbCO3B/UMTqwktTaagCPDUDRTDFBVUcdYs+QXVNaE6JQ/jDHmIHig/5bG4ot5g==} + '@tanstack/devtools-utils@0.0.9': + resolution: {integrity: sha512-tCObM6wbEjuHeGNs3JDhrqBhoMxpJpVuVIg5Kc33EmUI1ZO7KLpC1277Qf6AmSWy3aVOreGwn3y5bJzxmAJNXg==} engines: {node: '>=18'} peerDependencies: - '@types/react': '>=19.0.0' - react: '>=19.0.0' + '@types/react': '>=17.0.0' + react: '>=17.0.0' solid-js: '>=1.9.7' + vue: '>=3.2.0' peerDependenciesMeta: '@types/react': optional: true @@ -4761,6 +4762,8 @@ packages: optional: true solid-js: optional: true + vue: + optional: true '@tanstack/devtools@0.6.21': resolution: {integrity: sha512-j8cCmrOz7wu4G4jJ2ZZCo3fIGGDMygSQVPZDtyFylKtKC5i88Hnu6YioODP6I+0mbn9Qvr4eWgPHEONXAViXeA==} @@ -14181,13 +14184,14 @@ snapshots: transitivePeerDependencies: - csstype - '@tanstack/devtools-utils@0.0.4(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9)': + '@tanstack/devtools-utils@0.0.9(@types/react@19.1.6)(csstype@3.1.3)(react@19.1.0)(solid-js@1.9.9)(vue@3.5.16(typescript@5.9.3))': dependencies: '@tanstack/devtools-ui': 0.4.4(csstype@3.1.3)(solid-js@1.9.9) optionalDependencies: '@types/react': 19.1.6 react: 19.1.0 solid-js: 1.9.9 + vue: 3.5.16(typescript@5.9.3) transitivePeerDependencies: - csstype