Skills
.Work. You
Rest

react/compose-with-tanstack-devtools

Official

Wire TanStack Table to React Devtools

Software Engineering#debugging#hooks#tanstack table#multi-table#react devtools#devtools integration#table state inspection
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you connect TanStack Table instances to the TanStack Devtools UI so you can inspect table state and behavior during development.

Core Features & Use Cases

  • Devtools target registration: Registers each table created with useTable so the Devtools panel can display it.
  • Root-level Devtools mounting: Mounts the Devtools host once using TanStackDevtools and tableDevtoolsPlugin() so the UI actually appears.
  • Multi-table workflows: Supports multiple tables with stable, human-readable names via the optional name argument.

Quick Start

Install the host and adapter packages, mount <TanStackDevtools plugins={[tableDevtoolsPlugin()]} /> once at your app root, and call useTanStackTableDevtools(table, "Users Table") right after each useTable() that creates a table instance.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react/compose-with-tanstack-devtools
Download link: https://github.com/TanStack/table/archive/main.zip#react-compose-with-tanstack-devtools

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.