react/react-subscribe-compiler-compat
OfficialFix stale React Table UI under React Compiler
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It prevents stale UI when React Compiler memoizes nested components that read TanStack Table state through builder methods, causing things like pinned/sorted indicators or row-selection checkboxes to freeze.
Core Features & Use Cases
- React Compiler compatibility for builder reads: Ensures builder-pattern state reads become observable dependencies by subscribing to the correct table atoms or store slices.
- Targeted subscriptions: Supports both coarse (e.g., table.store slice) and fine-grained (e.g., rowSelection per row) updates to minimize unnecessary re-renders.
- Correct usage in nested render contexts: Clarifies when to use <Subscribe> versus table.Subscribe, especially in cell/header definition contexts.
Quick Start
Wrap your nested component’s builder API reads (like header.column.getIsPinned() or row.getIsSelected()) inside a Subscribe block that selects the needed slice from table.store or the relevant table.atoms value.
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/react-subscribe-compiler-compat Download link: https://github.com/TanStack/table/archive/main.zip#react-react-subscribe-compiler-compat 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.