reactjs - make checkbox and row in table behave diffrently in material-ui

I want to make checkbox and row in table work differently. Now, when I click the row, checkbox is also clicked, and the other way work same, too. What I want to do is when I click the row, the dialog pops up, and when I click the checkbox, only checkbox is clicked, not dialog being worked.