fix

Author: AlemTuzlak

examples/react/basic/package.json

@@ -20,12 +20,12 @@
     "zod": "^4.0.14"
   },
   "devDependencies": {
-    "vite-plugin-inspect": "11.3.2",
     "@tanstack/devtools-vite": "0.2.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.5.2",
-    "vite": "^7.0.6"
+    "vite": "^7.0.6",
+    "vite-plugin-inspect": "11.3.2"
   },
   "browserslist": {
     "production": [

examples/solid/basic/package.json

@@ -17,9 +17,9 @@
     "solid-js": "^1.9.7"
   },
   "devDependencies": {
-    "vite-plugin-inspect": "11.3.2",
     "@tanstack/devtools-vite": "0.2.3",
     "vite": "^7.0.6",
+    "vite-plugin-inspect": "11.3.2",
     "vite-plugin-solid": "^2.11.6"
   },
   "browserslist": {

packages/devtools-vite/package.json

@@ -54,7 +54,6 @@
     "@babel/core": "^7.28.3",
     "@babel/generator": "^7.28.3",
     "@babel/parser": "^7.28.3",
-    "@babel/preset-react": "^7.27.1",
     "@babel/traverse": "^7.28.3",
     "@babel/types": "^7.28.2",
     "@tanstack/devtools-event-bus": "workspace:*",
@@ -65,4 +64,4 @@
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0"
   }
-}
+}

packages/devtools-vite/src/inject-source.ts

@@ -15,7 +15,7 @@ const transform = (ast: ParseResult<Babel.File>, file: string) => {
       // Inject data-source as a string: "<file>:<line>:<column>"
       path.node.attributes.push(
         t.jsxAttribute(
-          t.jsxIdentifier('data-source'),
+          t.jsxIdentifier('data-tsd-source'),
           t.stringLiteral(`${file}:${line}:${column}`),
         ),
       )

packages/devtools/src/devtools.tsx

@@ -30,7 +30,7 @@ export default function DevTools() {
     setIsOpen(!open)
     setPersistOpen(!open)
   }
-  createEffect(() => {})
+  createEffect(() => { })
   // Used to resize the panel
   const handleDragStart = (
     panelElement: HTMLDivElement | undefined,
@@ -160,14 +160,14 @@ export default function DevTools() {
       if (!isShiftHeld || !isCtrlHeld) return
 
       if (e.target instanceof HTMLElement) {
-        const dataSource = e.target.getAttribute('data-source')
+        const dataSource = e.target.getAttribute('data-tsd-source')
         window.getSelection()?.removeAllRanges()
         if (dataSource) {
           e.preventDefault()
           e.stopPropagation()
           fetch(
             `http://localhost:__TSD_PORT__/__tsd/open-source?source=${dataSource}`,
-          ).catch(() => {})
+          ).catch(() => { })
         }
       }
     }