fix

Author: AlemTuzlak

packages/devtools-ui/src/types.ts

@@ -1,23 +1,5 @@
-import type {} from 'react'
-import type {} from 'solid-js'
 
-declare module 'react' {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace JSX {
-    interface IntrinsicElements {
-      'tsd-json-tree': { value: any }
-    }
-  }
+export interface CustomElements {
+  "tsd-json-tree": { value: any }
 }
 
-declare module 'solid-js' {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace JSX {
-    interface IntrinsicElements {
-      'tsd-json-tree': { value: any }
-    }
-  }
-}
-
-type _ = string
-export type { _ }

packages/devtools/src/index.ts

@@ -1,4 +1,3 @@
-import type { _ } from '@tanstack/devtools-ui/types'
 
 export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './constants'
 export { TanStackDevtoolsCore } from './core'
@@ -7,5 +6,3 @@ export type {
   TanStackDevtoolsPlugin,
   TanStackDevtoolsConfig,
 } from './context/devtools-context'
-
-export type { _ }

packages/react-devtools/package.json

@@ -67,6 +67,7 @@
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^1.48.5",
+    "@tanstack/devtools-ui": "workspace:*",
     "@types/react": "19.1.10",
     "@vitejs/plugin-react": "^4.5.2",
     "eslint-plugin-react-compiler": "19.1.0-rc.1",

packages/react-devtools/src/index.ts

@@ -1,12 +1,19 @@
 'use client'
 
 import * as Devtools from './devtools'
+import type { CustomElements } from "@tanstack/devtools-ui/types"
 
+declare module 'react' {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements { }
+  }
+}
 export const TanStackDevtools: (typeof Devtools)['TanStackDevtools'] =
   process.env.NODE_ENV !== 'development'
     ? function () {
-        return null
-      }
+      return null
+    }
     : Devtools.TanStackDevtools
 
 export type {

packages/solid-devtools/package.json

@@ -66,6 +66,7 @@
     "@tanstack/devtools": "workspace:*"
   },
   "devDependencies": {
+    "@tanstack/devtools-ui": "workspace:*",
     "solid-js": "^1.9.7",
     "vite-plugin-solid": "^2.11.6"
   },

packages/solid-devtools/src/index.ts

@@ -1,10 +1,18 @@
 import { isDev } from 'solid-js/web'
 import * as Devtools from './devtools'
+import type { CustomElements } from '@tanstack/devtools-ui/types'
+
+declare module 'solid-js' {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements { }
+  }
+}
 
 export const TanStackDevtools: (typeof Devtools)['TanStackDevtools'] = isDev
   ? Devtools.TanStackDevtools
   : function () {
-      return null
-    }
+    return null
+  }
 
 export type { TanStackDevtoolsSolidPlugin } from './core'