Jak obsługiwać / wybierz wszystkie pola wyboru - Reactjs

Próbuję obsłużyć moją funkcję zaznacz wszystko, ale w tej chwili mam pewne problemy. Próbuję wypełnić obiekt wszystkimi polami wyboru. Czy ktoś może mi pomóc?

Oto moja funkcja do obsługi pojedynczego pola wyboru:

constructor(props) {
    super(props);
    this.state = { docList:{} }

 handleCheckboxClick = (e) => {
    let parsedVal = JSON.parse(e.target.value);
    let newDocList = { ...this.state.docList };
    if (e.target.checked) {
        newDocList[parsedVal.documentId] = parsedVal.documentNumber;
    } else {
        delete newDocList[parsedVal.documentId];
    }
    this.setState({
        docList: newDocList,
    }, () => {
        console.log(this.state.docList)
    });
};

Render:

 <MaterialTable options={{

               showSelectAllCheckbox:false,
               selection: true,
               selectionProps: rowData => ({
               onClick: (event , rowData) => this.handleCheckboxClick(event,rowData),
               value: JSON.stringify({ documentId: rowData.documentId, documentNumber: rowData.documentNumber })
                            }),

A to jest uchwyt wybierz wszystko:

 handleAllCheckboxes = (e) => {
   if(e.target.value){
       this.setState(state=> ({selected: state.data.map(rowData=> rowData.documentId) 
       }))
       console.log(this.state.selected)
       return;
   }
   this.setState({ selected: [] });
}

I renderowanie:

<Checkbox
    onClick={this.handleAllCheckboxes}
    indeterminate
    /> Select All