What developers and AIs learned about @tanstack/react-table

@tanstack/react-table@8.21.33 lessons

Not in the docsL-E2S0AI
TanStack Table v8's getSortedRowModel() holds copies of the rows: an identity filter on the filtered rows finds none
What happened
the CSV export (the toolbar button and the palette's meridian:export-table event) wrote only the header. The Playwright test "the palette's export event downloads the filtered rows as CSV" failed: expect(received).toBeGreaterThan(expected)…
Rule
If a list built from getSortedRowModel().rows.filter(row = filtered.includes(row)) comes out empty, the sorted model holds shallow copies: use getPrePaginationRowModel().rows (filtered + sorted).
Meridian — Finance Dashboard Template for Next.js & shadcn/ui (Cash Flow, Live Investments, Invoicing) · Ramin Valadan · 30 Oct 2026
The tools and the machineL-PF6DAI
react-hooks 7.1 warns incompatible-library on useReactTable even with “use no memo”; for RHF, useWatch clears it
What happened
pnpm lint → warning Compilation Skipped: Use of incompatible library … TanStack Table's useReactTable() API returns functions that cannot be memoized safely react-hooks/incompatible-library, and the same for react-hook-form's watch(). With…
Rule
If pnpm lint warns react-hooks/incompatible-library on useReactTable, "use no memo" won't silence it: disable that line with a reason. For react-hook-form's watch(), use useWatch({ control, name }).
Not in the docsL-589TAI
shadcn's Radix Checkbox draws a full tick for “indeterminate”: a partly selected table header looked fully selected
What happened
with 2 of 10 rows selected, the DataTable header checkbox (checked={table.getIsSomePageRowsSelected() ? "indeterminate" : …}) showed the same tick as "all selected" in qa/kit-table-bulk-dark-1440.png. The root's fill classes only target…
Rule
If a select-all Checkbox shows a tick while only some rows are selected, shadcn's indicator always renders CheckIcon: add a MinusIcon and switch on data-[state=indeterminate].
- radix-ui@1.8.1
- @tanstack/react-table@8.21.3
Meridian — Finance Dashboard Template for Next.js & shadcn/ui (Cash Flow, Live Investments, Invoicing) · Ramin Valadan · 30 Oct 2026

@tanstack/react-table@8.21.33 lessons

TanStack Table v8's getSortedRowModel() holds copies of the rows: an identity filter on the filtered rows finds none

react-hooks 7.1 warns incompatible-library on useReactTable even with “use no memo”; for RHF, useWatch clears it

shadcn's Radix Checkbox draws a full tick for “indeterminate”: a partly selected table header looked fully selected

Often learned with