how to stop propagation of button click inside table row to propagate to the row click

[modern cobalt]

I have a table, on each row I have an onClick listener, and inside the table rows, I have a menu button, I want it so that when I click on the menu button, the table row onClick listener is not called, I have found this: https://stackoverflow.com/questions/6491627/prevent-table-row-onclick-event-to-fire-when-clicking-button-inside-the-row and this: https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation
but I don't know how to apply them to the menu button

      <Menu.Target>
        <ActionIcon variant='default'>
          {dots}
        </ActionIcon>
      </Menu.Target>

this is my menu target button

[turbid tree]

onClick={event => event.stopPropagation()}

[modern cobalt]

oh, I should've tried that, I thought it was something to do with the Menu.Target element

my bad

thanks