useRowSelect able to toggle multiple row at once.

[maxime4000]

I'm using a custom select that allow me to do complex selection in React-Table. Something close to windows file explorer. When receiving selection event, I can receive multiple id at once but I cannot use toggleRowSelected for multiple row. So I need to loop from all id to toggle each one of them which cause re-render and freeze when doing big selection very fast.

[1, 2, 3, 4, 5, 6].forEach((item) => toggleRowSelected(item, true));

I think toggleRowSelected could work like this :

toggleRowSelected: (rowId: IdType<D> | IdType<D>[], set?: boolean) => void;

Incomplet Prototype Solution :

if (action.type === actions.toggleRowSelected) {
...
let ids = id
if(!Array.isArray(id)) {
  ids = [id]
}
ids.forEach(selectedId => {
  const isSelected = state.selectedRowIds[selectedId]
  const shouldExist = typeof setSelected !== 'undefined' ? setSelected : !isSelected
  if (isSelected === shouldExist) {
    return state
  }
  const handleRow...
  handleRowById(selectedId)
}

return {
  ...state,
  selectedRowIds: newSelectedRowIds,
}

Maybe something like ToggleAllRowSelected solution handling array of id would be better ?