Single devtools for tanstack query/router/etc... ?

[yann-combarnous]

Right now, when using Tanstack router and Tanstack query, devtools don't really play well together.

What would be nice is a common devtools icon and a tab-based container for each Tanstack module: router, query, etc...

[dvtkrlbs]

I would also very much prefer a browser extension based tanstack extension that can bundle all of them

[andreeasteriu]

You can now use TanStackDevtools from @tanstack/react-devtools and configure it in the following way:

<TanStackDevtools
      config={{
        position: 'bottom-right',
      }}
      plugins={[
        {
          name: 'Tanstack Router',
          render: <TanStackRouterDevtoolsPanel />,
        },
        {
          name: 'React Query',
          render: <ReactQueryDevtoolsPanel />,
        },
        formDevtoolsPlugin(),
      ]}
    />