tanstack-devtools

To debug TanStack Query and Router state in a single panel, you need a unified devtools solution. This approach consolidates multiple library inspections into one extensible interface for real-time state monitoring.

Yes, cross-framework debugging for Solid and Vue is supported via a framework-agnostic core. This enables consistent real-time state inspection across React, Solid, and Vue applications within the same devtools.

Yes, you can add custom panels to TanStack devtools using its plugin architecture. This extensible design allows developers to integrate specialized debugging views and custom tooling directly into the unified interface.

To integrate TanStack devtools with Vite during development, follow a straightforward integration path. Install the devtools package in your project and enable a basic devtools panel to activate real-time state inspection.

The best way to inspect real-time state across multiple TanStack libraries is using a unified devtools panel. It centralizes debugging for Query, Router, and AI tooling while providing extensible plugin support for comprehensive monitoring.