Tengo un problema con react-table v7.8.0 y el complemento useRowSelect. Todo lo que quiero es alternar el modo de selección configurando una variable de estado, de modo que pueda mostrar u ocultar la columna de selección adicional simplemente haciendo clic en un botón como "alternar el modo de selección para la tabla".

Eso es lo que estoy intentando en mi código:

 const { getTableProps, getTableBodyProps, headerGroups, prepareRow, rows, state, page, canPreviousPage, canNextPage, pageOptions, pageCount, gotoPage, nextPage, previousPage, setPageSize, allColumns, state: { pageIndex, pageSize, selectedRowIds }, preGlobalFilteredRows, setGlobalFilter } = useTable({ columns, data, }, useGlobalFilter, useSortBy, usePagination, useRowSelect, hooks => { hooks.visibleColumns.push(columns => { return [ (tableRowsSelectable === true ? { id: 'selection', Header: ({getToggleAllRowsSelectedProps}) => ( <div><Checkbox {...getToggleAllRowsSelectedProps()} /></div> ), Cell: ({row}) => (<div><Checkbox {...row.getToggleRowSelectedProps()} /></div>) }: []), ...columns, ]}) })

El tableRowsSelectable, que se establece como propiedad (ya sea verdadera o falsa) para el componente de la tabla de reacción, es mi intento de controlar el modo de selección. Pero eso no funciona. No pasa nada cuando cambio tableRowsSelectable.

Por cierto: no considere el componente Checkbox. Es solo un componente personalizado y funciona como se esperaba.

¿Que más puedo hacer?