Skip to content

Source inspector hover works but Ctrl+Alt+Shift+click does not open editor in @tanstack/react-devtools 0.10.5 #460

@pavle-rgb

Description

@pavle-rgb

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:

  1. Use @tanstack/devtools-vite@0.7.0 with source injection enabled.
  2. Render TanStackDevtools from @tanstack/react-devtools@0.10.5.
  3. Hold Ctrl+Alt+Shift.
  4. Hover a React element.
  5. Observe that the element highlight appears and the source label is correct, for example src/routes/.../~route.tsx:12:7.
  6. 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

  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not get fixed and this issue may even be closed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions