devtools-app-setup

To set up TanStack Devtools in React, install the framework-specific devtools package and mount the TanStackDevtools component at the root of your application to enable real-time debugging.

Yes, TanStack Devtools is framework agnostic and supports Vue, Solid, and Preact. You must install the corresponding framework-specific devtools packages and configure them for your environment.

Yes, you can customize the Devtools shell configuration to adjust the UI position, set custom hotkeys, and apply theming, creating a personalized debugging experience for your application.

The optional Vite plugin provides enhanced features for TanStack Devtools. While not strictly required for basic state inspection, integrating it unlocks advanced plugin functionality and improved debugging capabilities.

You can register custom plugins during Devtools configuration to extend functionality, allowing you to add framework-specific panels and communicate through the event bus for specialized debugging.

The best way to inspect state in real-time is integrating TanStack Devtools, which offers a unified debugging experience across React, Vue, Solid, and Preact through customizable shell configurations.