Update to TanStack

{
  "description": "Introduce, add, debug, or migrate TanStack Table for headless row, column, and table feature logic.",
  "included_files": [
    {
      "relative_path": "agents/openai.yaml",
      "size_in_bytes": 102
    }
  ],
  "name": "tanstack-table",
  "skill_md_contents": "---\nname: tanstack-table\ndescription: Introduce, add, debug, or migrate TanStack Table for headless row, column, and table feature logic.\n---\n\n# TanStack Table\n\nHeadless row, column, and table feature logic.\n\nUse it for: Sortable, filterable, selectable, or paginated data tables with custom markup.\n\nUsually unnecessary for: A short static HTML table. Table does not fetch data or supply visual styles.\n\n## Install and try\n\nUse the project's framework and package manager. These examples target the current official documentation checked on September 30, 2026. Match installed versions before copying them into an existing project.\n\n```sh\nnpm install @tanstack/react-table\n```\n\nMinimal example, paste into an existing React app:\n\n```tsx\nimport { tableFeatures, useTable } from '@tanstack/react-table'\nimport type { ColumnDef } from '@tanstack/react-table'\nconst features = tableFeatures({})\ntype Row = { name: string }\nconst data: Row[] = [{ name: 'Tanner' }]\nconst columns: ColumnDef<typeof features, Row>[] = [{ accessorKey: 'name', header: 'Name' }]\nexport function People() {\n  const table = useTable({ features, data, columns })\n  return <table><thead>{table.getHeaderGroups().map(group =>\n    <tr key={group.id}>{group.headers.map(header => <th key={header.id}>\n      {header.isPlaceholder ? null : <table.FlexRender header={header} />}\n    </th>)}</tr>)}</thead><tbody>{table.getRowModel().rows.map(row =>\n    <tr key={row.id}>{row.getAllCells().map(cell =>\n      <td key={cell.id}><table.FlexRender cell={cell} /></td>)}</tr>)}</tbody></table>\n}\n```\n\nThis is the current v9 API. Installed v8 uses useReactTable and getCoreRowModel instead. Do not silently upgrade an existing table to v9. v9 features and row models are opt-in through tableFeatures. Keep data and column references stable. Add Virtual only when rendered row count warrants it.\n\n## Implement, debug, or migrate\n\nRead the project's package manifest and lockfile before changing dependencies. Load version-matched TanStack Intent guidance with `npx @tanstack/intent@latest list`, then `npx @tanstack/intent@latest load` followed by a concrete identifier returned by the list. Do not invent skill names or assume every version includes skills. If no relevant skill is packaged, use the installed version's official docs and source. Current web docs can describe a newer API than the lockfile.\n\nFor an existing project, reproduce the failure and change the smallest relevant integration. For migration, read the version-specific migration guide and preserve behavior through a small verified slice before migrating the rest. Run the project's relevant build and checks, then verify the user-visible feature. Do not add unrelated TanStack packages.\n\nIn ChatGPT without a shell or repository tools, use the connected documentation tools and provide the code and exact commands for the user to run. Never claim files were edited, packages installed, or checks passed without execution evidence.\n\n[Official docs](https://tanstack.com/table/latest/docs/framework/react/quick-start) · [Version-matched guidance](https://tanstack.com/intent/latest/docs/overview)\n"
}