preact/migrate-v8-to-v9
OfficialMigrate TanStack Table v8 to v9 in Preact
System Documentation
What problem does it solve?
TanStack Table v8 to v9 migrations for the Preact adapter can break due to renamed APIs, changed row-model/feature wiring, and updated rendering and typing patterns, causing difficult-to-debug runtime behavior and TypeScript errors.
Core Features & Use Cases
- Map v8 APIs to v9 equivalents: Converts
useReactTable,get*RowModeloptions,flexRender, and type generics into the v9useTable,_features/_rowModels,table.FlexRender, and updatedColumnDef/Tablehelper signatures. - Guide the correct v9 feature registration: Ensures the feature(s) you call are registered in
_features, and the corresponding row-model factories exist in_rowModelsso methods become functional instead of no-ops. - Update state management strategy: Translates
state+on*Changepatterns into the v9-preferred atoms approach for finer-grained updates and better reactivity.
Quick Start
Ask an AI coding agent to generate a v8-to-v9 patch for your @tanstack/preact-table usage by applying the skill’s mappings, replacing useReactTable with useTable and wiring _features/_rowModels, then updating column typing and replacing flexRender calls with table.FlexRender.
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: preact/migrate-v8-to-v9 Download link: https://github.com/TanStack/table/archive/main.zip#preact-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.