fix(devtools): bump packages and move theme provider (#176)

Author: harry-whorlow

.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.

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",

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 (
-    <PacerContextProvider>
-      <Shell />
-    </PacerContextProvider>
+    <ThemeContextProvider theme={props.theme}>
+      <PacerContextProvider>
+        <Shell />
+      </PacerContextProvider>
+    </ThemeContextProvider>
   )
 }

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": {

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": {

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": {