How add tooltip for disabed button ? (reactstrap)

Question

How add tooltip for disabled dropdown button. I use reactstrap.

Answer 1

Disable the pointerEvents on the disabled button, so you're actually hovering on span instead of buttons:

<span id="foo">
    <Button disabled style={{ pointerEvents: 'none' }}>nope!</Button>
</span>
<Tooltip target="foo" ...etc>Button is disabled</Tooltip>