Popover2 stopPropagation?

[synapse]

Is there a way to stop the event propagation when using the Popover2.

I need something like this where when I click the button would not trigger the parent click action:

<div onClick={doSomething}>
    <Popover2 content={<Something />}>
        <button>open a menu</button>
    </Popover2>
</div>

Something like this breaks the popover from opening

<div onClick={doSomething}>
    <Popover2 content={<Something />}>
        <button onClick={event => event.stopPropagation()}>open a menu</button>
    </Popover2>
</div>

This works but it's an extra step to add an extra tag everywhere

<div onClick={doSomething}>
    <span onClick={event => event.stopPropagation()}>
        <Popover2 content={<Something />}>
            <button>open a menu</button>
        </Popover2>
    </span>
</div>

Is there a better way to do something like this?

[adidahiya]

Answered in #5898 (comment)