react/migrate-v8-to-v9

Official

Migrate TanStack React Table v8 to v9 fast

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 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/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.
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.