Tengo una tabla de datos MUI. Mientras defino 'opciones' para la tabla, estoy configurando selectableRows: 'multiple', selectableRowsHeader: true, esto crea una tabla con las casillas de verificación para todas las filas y también la casilla de verificación selectall en la parte superior. Sin embargo, quiero que aparezca solo cuando hago clic en un botón determinado en el título. ¿Cómo hago esto? Mi fragmento de código es el siguiente

 columns={columns} options={{ ...muiDataTableCommonOptions(), download: false, expandableRowsOnClick: false, search: false, page: currentPage, rowsPerPage: numberOfRows, count: serialsTotalCounts, selectableRows: 'multiple', selectableRowsHeader: true, onRowClick: (rowData, rowMeta) => console.log('onRowsSelect.', rowData, rowMeta), customToolbar: () => ( <SerialsCustomToolbar showAddSerialButton={false} textSearched={(text) => { //DISORIENTED_SERIALS_LISTING - optional callback to handle rendering while using search box this.query['searchText'] = text; this.setState({ initialized: false }, () => { this.pages.limit = LIMIT_PAGINATION_MAX; this.pages.offset = 0; const query = Object.assign({}, this.query, this.pages); this.updateQuery(query); }); }}

Este es solo el código relevante para las opciones de la tabla. ¿Cómo defino condicionalmente esos accesorios para el elemento de opciones de tabla? No puedo usar if-else ya que esto es jsx y dentro del render().