Installation

You can install TanStack Devtools with any NPM package manager.

Only install one of the following packages depending on your use case:

npm install -D @tanstack/react-devtools
npm install -D @tanstack/devtools-vite

npm install -D @tanstack/react-devtools
npm install -D @tanstack/devtools-vite

TanStack Devtools is compatible with React v16.8+

npm install -D @tanstack/preact-devtools
npm install -D @tanstack/devtools-vite

npm install -D @tanstack/preact-devtools
npm install -D @tanstack/devtools-vite

TanStack Devtools is compatible with Preact v10+

npm install -D @tanstack/solid-devtools
npm install -D @tanstack/devtools-vite

npm install -D @tanstack/solid-devtools
npm install -D @tanstack/devtools-vite

TanStack Devtools is compatible with Solid v1.9.5+

npm install -D @tanstack/vue-devtools

npm install -D @tanstack/vue-devtools

The Vite plugin (@tanstack/devtools-vite) is optional for Vue — it enables additional features like source inspection and console piping but isn't required for basic usage.

npm install -D @tanstack/devtools-vite

npm install -D @tanstack/devtools-vite

TanStack Devtools is compatible with Vue 3+

npm install -D @tanstack/devtools

npm install -D @tanstack/devtools

Install the core @tanstack/devtools package to use with any framework or without a framework. Each framework package up above will also re-export everything from this core package.

If you want to have the devtools in production builds, you can install the core @tanstack/devtools package as a regular dependency:

npm install @tanstack/devtools
npm install -D @tanstack/devtools-vite

npm install @tanstack/devtools
npm install -D @tanstack/devtools-vite

Read more about using the devtools in production in our Production docs.