TanStack Devtools version
Broken:
@tanstack/react-devtools@0.10.5
- transitive
@tanstack/devtools@0.12.2
Working:
@tanstack/react-devtools@0.10.2
- transitive
@tanstack/devtools@0.11.2
Also present in the app:
@tanstack/devtools-vite@0.7.0
@tanstack/react-router@1.170.15
@tanstack/react-router-devtools@1.170.15
- Vite
7.3.3
Framework/Library version
- React
19.2.6
- Vite
7.3.3
- pnpm workspace / monorepo
- Browser tested: Chrome/Chromium on Linux
Describe the bug and the steps to reproduce it
After upgrading @tanstack/react-devtools from 0.10.2 to 0.10.5, the source inspector still detects elements and displays the correct source label while holding the source-inspector hotkey, but clicking does nothing.
There is no browser console warning, and the Vite dev server does not receive a /__tsd/open-source request. Downgrading only @tanstack/react-devtools back to 0.10.2 fixes the click behavior in the same app.
The app uses @tanstack/devtools-vite and renders:
<TanStackDevtools
eventBusConfig={{
debug: false,
connectToServerBus: true,
}}
plugins={[
{
name: "TanStack Router",
render: <TanStackRouterDevtoolsPanel router={router} />,
},
]}
/>
Reproduction steps:
- Use
@tanstack/devtools-vite@0.7.0 with source injection enabled.
- Render
TanStackDevtools from @tanstack/react-devtools@0.10.5.
- Hold
Ctrl+Alt+Shift.
- Hover a React element.
- Observe that the element highlight appears and the source label is correct, for example
src/routes/.../~route.tsx:12:7.
- Click the highlighted element.
Expected behavior:
- The browser requests
/__tsd/open-source?source=....
- The Vite plugin receives the request and opens the editor.
Actual behavior on @tanstack/react-devtools@0.10.5 / @tanstack/devtools@0.12.2:
- Nothing happens.
- No
/__tsd/open-source request is sent.
- No browser console warning is logged.
- No Vite dev server warning is logged.
Actual behavior after downgrading to @tanstack/react-devtools@0.10.2 / @tanstack/devtools@0.11.2:
- The same
Ctrl+Alt+Shift+click interaction sends the /__tsd/open-source request and opens the editor.
From local package inspection, @tanstack/devtools@0.12.0 appears to have changed the source inspector click behavior around sourceAction / disabledAfterClick. The older 0.11.2 source inspector click handler sends the open-source request directly, and that version works in the same app.
So this looks like a regression in the client-side source inspector click handling rather than the Vite plugin endpoint.
Minimal reproducible example
I do not have a public minimal repro yet. This was reproduced in a private pnpm monorepo by changing only the @tanstack/react-devtools version:
0.10.5 reproduces the bug.
0.10.2 fixes it.
I can try to create a public StackBlitz/repo reproduction if needed, but the version comparison above isolates the regression to the React devtools package/transitive @tanstack/devtools version in the same app.
Screenshots or Videos
Not attached. The visible symptom is that the source label appears on hover, but the click does not send the network request.
Do you intend to try to help solve this bug with your own PR?
Maybe, I'll investigate and start debugging
Terms & Code of Conduct
TanStack Devtools version
Broken:
@tanstack/react-devtools@0.10.5@tanstack/devtools@0.12.2Working:
@tanstack/react-devtools@0.10.2@tanstack/devtools@0.11.2Also present in the app:
@tanstack/devtools-vite@0.7.0@tanstack/react-router@1.170.15@tanstack/react-router-devtools@1.170.157.3.3Framework/Library version
19.2.67.3.3Describe the bug and the steps to reproduce it
After upgrading
@tanstack/react-devtoolsfrom0.10.2to0.10.5, the source inspector still detects elements and displays the correct source label while holding the source-inspector hotkey, but clicking does nothing.There is no browser console warning, and the Vite dev server does not receive a
/__tsd/open-sourcerequest. Downgrading only@tanstack/react-devtoolsback to0.10.2fixes the click behavior in the same app.The app uses
@tanstack/devtools-viteand renders:Reproduction steps:
@tanstack/devtools-vite@0.7.0with source injection enabled.TanStackDevtoolsfrom@tanstack/react-devtools@0.10.5.Ctrl+Alt+Shift.src/routes/.../~route.tsx:12:7.Expected behavior:
/__tsd/open-source?source=....Actual behavior on
@tanstack/react-devtools@0.10.5/@tanstack/devtools@0.12.2:/__tsd/open-sourcerequest is sent.Actual behavior after downgrading to
@tanstack/react-devtools@0.10.2/@tanstack/devtools@0.11.2:Ctrl+Alt+Shift+clickinteraction sends the/__tsd/open-sourcerequest and opens the editor.From local package inspection,
@tanstack/devtools@0.12.0appears to have changed the source inspector click behavior aroundsourceAction/disabledAfterClick. The older0.11.2source inspector click handler sends the open-source request directly, and that version works in the same app.So this looks like a regression in the client-side source inspector click handling rather than the Vite plugin endpoint.
Minimal reproducible example
I do not have a public minimal repro yet. This was reproduced in a private pnpm monorepo by changing only the
@tanstack/react-devtoolsversion:0.10.5reproduces the bug.0.10.2fixes it.I can try to create a public StackBlitz/repo reproduction if needed, but the version comparison above isolates the regression to the React devtools package/transitive
@tanstack/devtoolsversion in the same app.Screenshots or Videos
Not attached. The visible symptom is that the source label appears on hover, but the click does not send the network request.
Do you intend to try to help solve this bug with your own PR?
Maybe, I'll investigate and start debugging
Terms & Code of Conduct