react/react-subscribe-compiler-compat

Official

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