mui datatable get row data on checkbox select

Question

I am trying to get the data from the selected row with onRowClick and display that data in popup Dialog input field, but unfortunately it doesnt work with selectableRowsOnClick=true and selectableRows:"multiple".

Any help would be much appreciated.

This is my code so far:

const options = {
    rowHove: true,
    filter: true,
    selectableRows: "multiple",
    selectableRowsOnClick: false,
    filterType: "checkbox",
    responsive: "standard",
    rowsPerPage: 10,
    expandableRows: true,
    //drag columns
    draggableColumns: {
      enabled: true,
      transitionTime,
    },
    onRowsSelect: (rowsSelected, allRows) => {
      const dataToState = allRows.map((item) => {
        return item;
      });
      mySelectedRows = dataToState;
      console.log(mySelectedRows);

      console.log(allRows);
    },

    onRowSelectionChange: (
      currentRowsSelected,
      allRowsSelected,
      rowsSelected
    ) => {
      const dataToState = rowsSelected.map((item) => {
        return item;
      });
      mySelectedRows = dataToState;
      console.log(mySelectedRows);

      console.log(currentRowsSelected);
      console.log(allRowsSelected);
      console.log(rowsSelected);
    },

    onCellClick: (cellIndex, rowIndex) => {
      console.log(cellIndex, rowIndex);
      console.log(cellIndex);
      console.log(rowIndex);
    },

    onRowClick: (rowData, rowMeta) => {
      console.log(rowData);
      console.log(rowMeta[mySelectedRows]);
    },

this is the popup component

<Popup
  title="Enter Cage No."
  openPopup={openPopup}
  setOpenPopup={setOpenPopup}
>
  <Input placeholder="Enter Cage No." value={mySelectedRows}></Input>
  <SubmitButton> Submit </SubmitButton>
</Popup>