react-windowで描画したデータを更新するとソート順がリセットされる

Question

表題の件で相談させてください。

実現したいこと
・それなりにデータ量のある件数をテーブル表示する
・ヘッダ行を固定する（データ部分のみスクロール）
・ヘッダのセルのクリックでソートができる
・データ部分の1行ごとにボタンを設置し、ボタンを押下することでデータを更新する

実行コード
https://codesandbox.io/s/nice-mclaren-b1vnhm

使用したライブラリ
react-windowのFixedSizeList
react-tableのuseSortBy

それぞれ実現できていますが、
操作を組み合わせると挙動がおかしい部分があります。

再現手順
１．ソートする
２．ボタンを押下する

解決したい挙動
２でボタンを押下してデータが更新されると
１で設定したソートがリセットされる

どのように記述すれば回避できるでしょうか。
他のライブラリを使用しても良いです。よろしくお願いいたします。

Answer 1

useTableのオプションにautoResetSortBy: falseを渡せば問題は解消されるかと思います。

詳しくはHow do I stop my table state from automatically resetting when my data changes?を参照してください。

Comments

[Nichons]

ご回答ありがとうございます。
まさに指定の記述を与えることで解決することができました。

マニュアルのページ非常に助かりました。理解を深めることができ勉強になりました。