Handle select all checkboxes - ReactJS

Hey guys i am trying to assign a fucntion on my chechbox select all button to flip the state when button is clicked but i am doing something wrong . Can somebody help me ?

 handleAllCheckboxes = (e) => {
    const allCheckboxesChecked = e.target.checked
    let checkboxes = document.getElementsByName('checkbox')
    this.setState({

        allCheckboxes: allCheckboxesChecked
    })
    console.log(allCheckboxesChecked)

My single checkbox :

      <Checkbox
            checked={this.handleAllCheckboxes ? true : false}
            name='checkbox'
            color='default'
            value={JSON.stringify({ documentId: rowData.documentId, documentNumber: rowData.documentNumber })}
            onClick={this.handleCheckboxClick}
                                    />

My select all checkbox:

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