Ребят всем привет, может быть кто нибудь подскажет - const

[showTooltip, setShowTooltip] = useState<boolean>(false);

const handleMouseEnter = () => {
setTimeout(() => {
setShowTooltip(true);
}, 500);
};

const handleMouseLeave = () => {
setShowTooltip(false);
};

<div
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
</div>

Есть задача - при наведении на див показывать тултип с задержкой в 500ms, Вопрос: Как можно отметить вызов функции если например пользователь за эти 500ms убрал курсор с элемента?
Я так понимаю дебаунсинг тут не подходит, он всего лишь откладывает событие

` const fn = _.debounce(actualFn, 500) fn() fn.cancel()