<DataTable />のonSelectRowsChangeの参照が変わると無限レンダリングする

[youchann]

  const [selectedRowIds, setSelectedRowIds] = React.useState<Set<number>>(
    new Set<number>(),
  );

  const onHandleSelectRowsChange = (rowIds: number[]) => {
    setSelectedRowIds(new Set<number>(rowIds));
  };

return (
  <DataTable
    onSelectRowsChange={onHandleSelectRowsChange}
  />
)

1. <DataTable />内部のuseEffectでonSelectRowsChange()が発火
2. selectedRowIdsが変更される
3. 再レンダリングの影響でonHandleSelectRowsChangeの参照が変わる
4. 1に戻る

利用側でuseCallback()を使えば済む話だが、使わなくても無問題な実装にしたい。

[youchann]

そもそも<DataTable />でstateを持たないように努めれば良い気もしている(選択された項目に関しては

[youchann]

https://github.com/voyagegroup/ingred-ui/issues/182 で解決できる

[takurinton]

https://github.com/voyagegroup/ingred-ui/pull/1120 で解決できていそうなので close する。 リリースはまだ。