Multiple row selection in mui datagrid [checkbox selection] in reactjs

Question

How to get selected row data onclick of a checkbox for multiple row selection

The response from api is as follows: This is my Row data

{
"abc": \[
{
"aid": 939777394,
"bid": "AMS:3873749187",
"tes": null,
}
\]
}

Currently I'm doing like this

    <DataGrid 
     rows={tableData}
     columns={columns}
     getRowId={(row) => generateRandom()}
     checkboxSelection
     onSelectionModelChange={(ids) => {
     console.log(ids);
     }}
     />

But Im getting response like this

\["Oc63gKLa"\]
(2) \["Oc63gKLa", "zLX9UlCO"\]
(3) \["Oc63gKLa", "zLX9UlCO", "Efw9LBNa"\]

(https://i.stack.imgur.com/qCYZ6.png)