react/migrate-v8-to-v9
OfficialMigrate TanStack React Table v8 to v9 fast
Software Engineering#typescript#migration#state-management#react-table#upgrade-guide#row-models#table-features
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill removes confusion and breakages when upgrading @tanstack/react-table from v8 to v9 by translating the old API shape, state model, and generics into the new _features/_rowModels architecture.
Core Features & Use Cases
- Two migration paths: direct React v9 migration or a temporary v8 compatibility bridge via useLegacyTable for large codebases that can’t be refactored in one PR.
- Mechanical API rewrites: maps v8 entries like useReactTable, get*RowModel options, sortingFn/sortingFns, and table.getState() reads into the v9 equivalents like useTable, _rowModels factories, sortFn/sortFns, and store/atoms/Subscribe-based access.
- Type-safe guidance: updates ColumnMeta/ColumnDef generics to the v9-required TFeatures-first form and calls out runtime/type failures such as mutating readonly columns/data.
Quick Start
Ask an AI coding agent to migrate your existing @tanstack/react-table v8 table code to the v9 API by applying the direct useTable path first, then adjust state reads to use table.Subscribe or table.atoms instead of table.getState().
Dependency Matrix
Required Modules
None requiredComponents
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/migrate-v8-to-v9 Download link: https://github.com/TanStack/table/archive/main.zip#react-migrate-v8-to-v9 Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.