Material UI DataGrid — как отделить onRowClick от ячейки редактирования

Question

У меня есть Material UI DataGrid, который запускает функцию onRowClick. Он также имеет ячейку, которую можно редактировать. Проблема в том, что когда вы дважды щелкаете редактируемую ячейку, она запускает функцию onRowClick вместо того, чтобы сделать ячейку редактируемой.

Вот мой DataGrid:

       <DataGridPro
     columns={materialColumns}
     rows={rows}
     autoHeight
     autoPageSize
     density='compact'
     onCellEditStop={(params, e) => updateValues(e)}
     onRowClick={(params, event) => {
          openModal(params);
     }
     
/>

я пытался добавить

           onCellDoubleClick={(params, e) => {
          e.stopPropagation();
     }}

Я также пытался добавить e.stopPropagation() в onRowClick.

Я также пытался добавить

           onCellEditStart={(params, e) => {
          e.stopPropagation();
     }}

Любая идея, как предотвратить onRowClick при редактировании ячейки?