`getValue` cache not invalidating when `accessorFn` is updated
メンテナーはふだん 1 日以内に返信
@ahmadelsayed97 がすでに取り組んでいます。
2026年8月29日 から。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
src/main.tsx にあるリンク先の StackBlitz 再現コードから始め、状態を変更すると列の accessorFn が更新される一方で、getValue はキャッシュされた値を返し続けることを確認してください。getValue のキャッシュと accessorFn の更新経路を追跡してください。列の id を変更したり現在のソート状態を失ったりせずに、表示値が更新されれば修正は完了です。
索引モデルが issue の本文から書いたものです。
説明
TanStack Table version
v8.12.0
Framework/Library version
React v18.2.0
Describe the bug and the steps to reproduce it
When the accessorFn for a column is updated to return a new value, the new value is never displayed in the table. Through a sophisticated series of console.logs, I discovered that when getValue is called on the rerender, the new accessorFn is never called, presumably due to caching on column id.
The use case is a column that displays the name of the person for the current row. We want the user to be able to choose whether to display first or last name first (e.g. Tanner Linsley or Linsley, Tanner). We could just change the column id when the accessorFn is updated, but then we lose the current sort state for that column, ie if the table is currently sorted by name, we want to stay sorted by name after the name format is changed.
Steps to reproduce:
- Define a column where the
accessorFnreturns a different value based on some piece of state - Update that piece of state
- The values in the column don't change
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
https://stackblitz.com/edit/tanstack-table-rnjqkx?file=src%2Fmain.tsx
Screenshots or Videos (Optional)
No response
Do you intend to try to help solve this bug with your own PR?
No, because I do not know how
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
- 主要言語
- TypeScript
- スター
- 28.5k
- フォーク
- 3.6k
- 平均マージ
- 17時間 39分
- マージ済み PR（30日）
- 10
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
TanStack/table のほかの issue
-
Issue template renders `react-table`, not `TanStack/table`対応中かも @vishruthasgowda が 15 日前に担当しました。 オープン
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
TanStack/table#6595 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
table-core 9.2.5+: private types leak from .d.ts files, declaration emit fails with TS2883対応中かも @MFA-G が今日担当しました。 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 74/100
メンテナーはふだん 1 日以内に返信
-
[svelte] createTableHook: App* wrappers call setContext in the parent's component context (set_context_after_init when showing a column)対応中かも @india3Eth が 1 日前に担当しました。 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
難易度 4/5 3〜5日 初心者へのやさしさ 38/100
TanStack/table#6601 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
Cast required to access custom options when defining a custom plugin/feature対応中かも @sorena-paydar が 16 日前に担当しました。 オープン
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
メンテナーはふだん 1 日以内に返信
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
lukilabs/beautiful-mermaid#160 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
rescript-lang/rescript-lang.org#1420 ·
メンテナーはふだん 2 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
chthollyphile/folia-major#520 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
databuddy-analytics/Databuddy#1106 ·
メンテナーはふだん 1 日以内に返信