diff --git a/.changeset/tasty-impalas-mate.md b/.changeset/tasty-impalas-mate.md
new file mode 100644
index 00000000..2fe1a5c7
--- /dev/null
+++ b/.changeset/tasty-impalas-mate.md
@@ -0,0 +1,8 @@
+---
+'@tanstack/preact-pacer-devtools': patch
+'@tanstack/react-pacer-devtools': patch
+'@tanstack/solid-pacer-devtools': patch
+'@tanstack/pacer-devtools': patch
+---
+
+Extract devtools theme provider to respective devtools to prevent mismatch.
diff --git a/packages/pacer-devtools/package.json b/packages/pacer-devtools/package.json
index 7830b7f6..7f003426 100644
--- a/packages/pacer-devtools/package.json
+++ b/packages/pacer-devtools/package.json
@@ -80,8 +80,8 @@
"@tanstack/pacer": ">=0.16.4"
},
"dependencies": {
- "@tanstack/devtools-ui": "^0.5.0",
- "@tanstack/devtools-utils": "^0.3.2",
+ "@tanstack/devtools-ui": "0.5.1",
+ "@tanstack/devtools-utils": "^0.4.0",
"@tanstack/solid-store": "^0.8.1",
"clsx": "^2.1.1",
"csstype": "^3.0.10",
diff --git a/packages/pacer-devtools/src/PacerDevtools.tsx b/packages/pacer-devtools/src/PacerDevtools.tsx
index 83a8a614..6a378ddd 100644
--- a/packages/pacer-devtools/src/PacerDevtools.tsx
+++ b/packages/pacer-devtools/src/PacerDevtools.tsx
@@ -1,10 +1,19 @@
+import { ThemeContextProvider } from '@tanstack/devtools-ui'
import { PacerContextProvider } from './PacerContextProvider'
import { Shell } from './components/Shell'
-export default function PacerDevtools() {
+import type { TanStackDevtoolsTheme } from '@tanstack/devtools-ui'
+
+interface PacerDevtools {
+ theme: TanStackDevtoolsTheme
+}
+
+export default function PacerDevtools(props: PacerDevtools) {
return (
-
-
-
+
+
+
+
+
)
}
diff --git a/packages/preact-pacer-devtools/package.json b/packages/preact-pacer-devtools/package.json
index 6f2a6e69..a3ce8921 100644
--- a/packages/preact-pacer-devtools/package.json
+++ b/packages/preact-pacer-devtools/package.json
@@ -52,7 +52,7 @@
"preact": ">=10.0.0"
},
"dependencies": {
- "@tanstack/devtools-utils": "^0.3.2",
+ "@tanstack/devtools-utils": "^0.4.0",
"@tanstack/pacer-devtools": "workspace:*"
},
"devDependencies": {
diff --git a/packages/react-pacer-devtools/package.json b/packages/react-pacer-devtools/package.json
index 6dda959f..49184629 100644
--- a/packages/react-pacer-devtools/package.json
+++ b/packages/react-pacer-devtools/package.json
@@ -53,7 +53,7 @@
"react-dom": ">=16.8"
},
"dependencies": {
- "@tanstack/devtools-utils": "^0.3.2",
+ "@tanstack/devtools-utils": "^0.4.0",
"@tanstack/pacer-devtools": "workspace:*"
},
"devDependencies": {
diff --git a/packages/solid-pacer-devtools/package.json b/packages/solid-pacer-devtools/package.json
index b25b211a..7bf395da 100644
--- a/packages/solid-pacer-devtools/package.json
+++ b/packages/solid-pacer-devtools/package.json
@@ -50,7 +50,7 @@
"solid-js": ">=1.9.7"
},
"dependencies": {
- "@tanstack/devtools-utils": "^0.3.2",
+ "@tanstack/devtools-utils": "^0.4.0",
"@tanstack/pacer-devtools": "workspace:*"
},
"devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e2f6a458..21da2462 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4335,11 +4335,11 @@ importers:
packages/pacer-devtools:
dependencies:
'@tanstack/devtools-ui':
- specifier: ^0.5.0
- version: 0.5.0(csstype@3.2.3)(solid-js@1.9.11)
+ specifier: 0.5.1
+ version: 0.5.1(csstype@3.2.3)(solid-js@1.9.11)
'@tanstack/devtools-utils':
- specifier: ^0.3.2
- version: 0.3.4(@types/react@19.2.14)(csstype@3.2.3)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
+ specifier: ^0.4.0
+ version: 0.4.0(@types/react@19.2.14)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
'@tanstack/pacer':
specifier: '>=0.16.4'
version: link:../pacer
@@ -4400,8 +4400,8 @@ importers:
packages/preact-pacer-devtools:
dependencies:
'@tanstack/devtools-utils':
- specifier: ^0.3.2
- version: 0.3.4(@types/react@19.2.14)(csstype@3.2.3)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
+ specifier: ^0.4.0
+ version: 0.4.0(@types/react@19.2.14)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
'@tanstack/pacer-devtools':
specifier: workspace:*
version: link:../pacer-devtools
@@ -4453,8 +4453,8 @@ importers:
packages/react-pacer-devtools:
dependencies:
'@tanstack/devtools-utils':
- specifier: ^0.3.2
- version: 0.3.4(@types/react@19.2.14)(csstype@3.2.3)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
+ specifier: ^0.4.0
+ version: 0.4.0(@types/react@19.2.14)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
'@tanstack/pacer-devtools':
specifier: workspace:*
version: link:../pacer-devtools
@@ -4506,8 +4506,8 @@ importers:
packages/solid-pacer-devtools:
dependencies:
'@tanstack/devtools-utils':
- specifier: ^0.3.2
- version: 0.3.4(@types/react@19.2.14)(csstype@3.2.3)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
+ specifier: ^0.4.0
+ version: 0.4.0(@types/react@19.2.14)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)
'@tanstack/pacer-devtools':
specifier: workspace:*
version: link:../pacer-devtools
@@ -6493,14 +6493,14 @@ packages:
peerDependencies:
solid-js: '>=1.9.7'
- '@tanstack/devtools-ui@0.5.0':
- resolution: {integrity: sha512-nNZ14054n31fWB61jtWhZYLRdQ3yceCE3G/RINoINUB0RqIGZAIm9DnEDwOTAOfqt4/a/D8vNk8pJu6RQUp74g==}
+ '@tanstack/devtools-ui@0.5.1':
+ resolution: {integrity: sha512-T9JjAdqMSnxsVO6AQykD5vhxPF4iFLKtbYxee/bU3OLlk446F5C1220GdCmhDSz7y4lx+m8AvIS0bq6zzvdDUA==}
engines: {node: '>=18'}
peerDependencies:
solid-js: '>=1.9.7'
- '@tanstack/devtools-utils@0.3.4':
- resolution: {integrity: sha512-lQdUdpSh1odWCZjtjOi9FA+MJWvIK/4TkGyeJeiOX7eY3JW+z3FNwHUR10vToHOwAJB6UGJhi04RNZQRpiM7GQ==}
+ '@tanstack/devtools-utils@0.4.0':
+ resolution: {integrity: sha512-KsGzYhA8L/fCNgyyMyoUy+TKtx+DjNbzWwqH6wXL48Llzo7kvV9RynYJlaO8Qkzwm+NdHXSgsljQNjQ3CKPpZA==}
engines: {node: '>=18'}
hasBin: true
peerDependencies:
@@ -11754,7 +11754,7 @@ snapshots:
transitivePeerDependencies:
- csstype
- '@tanstack/devtools-ui@0.5.0(csstype@3.2.3)(solid-js@1.9.11)':
+ '@tanstack/devtools-ui@0.5.1(csstype@3.2.3)(solid-js@1.9.11)':
dependencies:
clsx: 2.1.1
dayjs: 1.11.19
@@ -11763,16 +11763,12 @@ snapshots:
transitivePeerDependencies:
- csstype
- '@tanstack/devtools-utils@0.3.4(@types/react@19.2.14)(csstype@3.2.3)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)':
- dependencies:
- '@tanstack/devtools-ui': 0.5.0(csstype@3.2.3)(solid-js@1.9.11)
+ '@tanstack/devtools-utils@0.4.0(@types/react@19.2.14)(preact@10.28.4)(react@19.2.4)(solid-js@1.9.11)':
optionalDependencies:
'@types/react': 19.2.14
preact: 10.28.4
react: 19.2.4
solid-js: 1.9.11
- transitivePeerDependencies:
- - csstype
'@tanstack/devtools@0.10.6(csstype@3.2.3)(solid-js@1.9.11)':
dependencies: