TanStack Devtools v0

Coming soon...

Enjoy this library?

Try other TanStack libraries:

• TanStack Router
• TanStack Query
• TanSack Table
• TanStack Virtual
• TanStack Form
• TanStack Store
• TanStack Ranger
• TanStack Pacer
• TanStack Devtools
• TanStack Config

Visit tanstack.com/devtools for docs, guides, API and more!

You may know TanSack Devtools by our adapter names, too!

• React Devtools

Summary

Coming soon...

Quick Features

Coming soon...

Installation

Install one of the following packages based on your framework of choice:

# Npm
npm install @tanstack/react-devtools
npm install @tanstack/solid-devtools
npm install @tanstack/devtools # no framework, just vanilla js

Usage

React

import { TanStackDevtools } from '@tanstack/react-devtools'
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'

function App() {
  return (
    <div>
      <h1>My App</h1>
      <TanStackDevtools
        plugins={[
          {
            name: 'TanStack Query',
            render: <ReactQueryDevtoolsPanel />,
          },
          {
            name: 'TanStack Router',
            render: <TanStackRouterDevtoolsPanel router={router} />,
          },
        ]}
      />
    </div>
  )
}

Development

To contribute to the development of TanStack Devtools, you can clone the repository and run the following commands:

pnpm install
pnpm dev

Then go to any of the example directories and run:

pnpm dev

How to help?

Become a Sponsor