fix(core-components-tooltip): change tooltip timer to ref (#207)

packages/tooltip/src/Component.tsx

@@ -7,6 +7,7 @@ import React, {
     useEffect,
     useCallback,
     ReactNode,
+    useRef,
 } from 'react';
 import NodeResolver from 'react-node-resolver';
 import cn from 'classnames';
@@ -120,7 +121,7 @@ export const Tooltip: FC<TooltipProps> = ({
     const targetRef = React.useRef<RefElement>(null);
     const contentRef = React.useRef<RefElement>(null);
 
-    let timerId = 0;
+    const timer = useRef(0);
 
     const open = () => {
         if (!visible) {
@@ -176,37 +177,37 @@ export const Tooltip: FC<TooltipProps> = ({
         return () => {
             document.body.removeEventListener('click', handleBodyClick);
 
-            clearTimeout(timerId);
+            clearTimeout(timer.current);
         };
-    }, [close, timerId]);
+    }, [close]);
 
     const handleTargetClick = () => {
         toggle();
     };
 
     const handleMouseOver = () => {
-        clearTimeout(timerId);
+        clearTimeout(timer.current);
 
-        timerId = window.setTimeout(() => {
+        timer.current = window.setTimeout(() => {
             open();
         }, onOpenDelay);
     };
 
     const handleMouseOut = () => {
-        clearTimeout(timerId);
+        clearTimeout(timer.current);
 
-        timerId = window.setTimeout(() => {
+        timer.current = window.setTimeout(() => {
             close();
         }, onCloseDelay);
     };
 
     const handleTouchStart = (event: React.TouchEvent<HTMLElement>) => {
         const eventTarget = event.target as Element;
 
-        clearTimeout(timerId);
+        clearTimeout(timer.current);
 
         if (clickedOutside(eventTarget)) {
-            timerId = window.setTimeout(() => {
+            timer.current = window.setTimeout(() => {
                 close();
             }, onCloseDelay);
         } else {