title: Get row item on checkbox Selection in React MUI DataGrid
body: <p>I'm getting Data from API and displaying it using React MUI <code>DataGrid</code>.
  I have enabled check box selection and I want to get the specific cell items of the selected row and save them in a list.</p>
  <p>For Example in the image below, if I click on the checkbox for the 1st row I want to get the &quot;current location&quot; added in a list and then if I click on the 2nd row I want current location of 2nd row added in the existing list.</p>
  <p><a href="https://i.stack.imgur.com/IJ4vN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IJ4vN.png" alt="enter image description here" /></a></p>
  <p>Below is my current code</p>
  <pre><code>&lt;DataGrid
     rows={rows}
     columns={columns}
     checkboxSelection     
     onSelectionModelChange={itm =&gt; console.log(itm)}
  /&gt;
  </code></pre>
  <p>But I'm getting output like this</p>
  <p><a href="https://i.stack.imgur.com/9U7xQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9U7xQ.png" alt="enter image description here" /></a></p>
  <p>I'm very new to React and I'm not sure how to get current Location's value for the selected rows and add it to a list.</p>