On row click disable on particular body cell

[nowshads]

Actually i'm rendering a button in a body cell using CELL property and enabled on row click event too, but when clicking on a button, button click event is getting called and on row click event is getting called, I need to disable on particular column row cell on row click, please do the need full .

Im using this

muiTableBodyRowProps={({ row }) => ({
//add onClick to row to select upon clicking anywhere in the row
onClick: row.getToggleSelectedHandler(),
sx: { cursor: 'pointer' },
})}

I have used to prevent on row click on particular cell
const columns = [
{
accessorKey: 'username',
header: 'Username',
muiTableBodyCellProps: ({ cell }) => ({
onClick: (e) => {
e.stopPropagation()
},
}),
//or in the component override callbacks like this
Cell: ({ cell }) => {
return

{cell.getValue()}

;
},
},
];

is this right way