material table onRowClick and actions button click overlapping

Question

<MaterialTable 
onRowClick={() => openRightDrawer()}
actions={[
{
icon:"Check",
tooltip:"Activate",
onClick: () => activateAccount()
}
]}
components={{
Action: props => <Button onClick={() => props.action.onClick()}>Activate</Button>
}}
/>

when I click a button, onRowClick event also triggering is there any workaround for this?

Answer 1

thanks @mbrn, got it working https://github.com/mbrn/material-table/issues/1362

<MaterialTable 
onRowClick={() => openRightDrawer()}
actions={[
{
icon:"Check",
tooltip:"Activate",
onClick: () => activateAccount()
}
]}
components={{
Action: props => <Button onClick={(event) => {
    props.action.onClick();
    event.stopPropagation();
 }
}>Activate</Button>
}}
/>