Stop event propagation for dialog trigger

[arkreddy21]

I'm using the Dialog trigger button inside a div that has another onClick functionality. How do I stop the click event propagating to the parent when I clicked on the dialog trigger button? I know about event.stopPropagation() but I don't think it's usable in this context as there's no onClick function for dialog trigger that I can see

[arkreddy21]

Okay, I can just add onClick={(e) => e.stopPropagation()} to the trigger button. I was just worried that it may override default click functionality.