title: MUI - Disable multiple row selection in DataGrid
body: <p>I want to prevent the MUI <code>DataGrid</code> multiple checkbox section. When I select the checkbox section, a particular row should be select and the other rows are remain unselected. I tried the <code>disableMultipleSelection</code> option but it would not work.</p>
  <pre><code>&lt;DataGrid
    rows={cycle}
    columns={columns}
    pageSize={10}
    checkboxSelection
    disableMultipleSelection
    onRowSelected={({ data, isSelected }) =&gt; {
      setDisplay(isSelected);
      setCycleId(data.key);
      setCycleImg(data.storageRef);
    }}
  /&gt;          
  </code></pre>
  <p><a href="https://i.stack.imgur.com/7tNzl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7tNzl.png" alt="enter image description here" /></a></p>