[BUG] Tooltip displayed for unmounted component.

[knubie]

Describe the bug
When an element is set to display a tooltip (e.g. using data-tooltip-id), and that tooltip has a delayShow (e.g. 300ms), when the user triggers the tooltip (by e.g. hovering over the element), but the element is unmounted before the delayShow interval (e.g. after ~200ms), the tooltip for another element (always seems to be the element which is declared first) will be displayed.

Version of Package
v5.14.0

To Reproduce
See repro repo: https://github.com/knubie/react-tooltip-demo
It seems that the mouse should not move before the "phantom" tooltip is displayed.

Expected behavior
When the element is unmounted, no tooltip should be displayed.

Screenshots

tooltip_bug2.mp4

Desktop (please complete the following information if possible or delete this section):

• OS: macOS
• Browser firefox
• Version 114
• Frameworks React 18.2

[gabrieljablonski]

Thanks for reporting.

Some timeouts aren't being cleared on unmount. Should work with react-tooltip@5.14.1-beta.1043.0. We'll close this once #1043 gets merged.

Let us know if you see anything else.

[knubie]

Awesome! Thanks for the quick fix. Just tested it out and it resolves the problem for me.

[gabrieljablonski]

Available on official release react-tooltip@5.15.0