only update active anchor if ref changed

Author: gabrieljablonski

src/components/Tooltip/Tooltip.tsx

@@ -77,7 +77,9 @@ const Tooltip = ({
     } else {
       handleShow(true)
     }
-    setActiveAnchor({ current: e.target as HTMLElement })
+    setActiveAnchor((anchor) =>
+      anchor.current === e.target ? anchor : { current: e.target as HTMLElement },
+    )
     setProviderActiveAnchor({ current: e.target as HTMLElement })
 
     if (tooltipHideDelayTimerRef.current) {

src/components/TooltipProvider/TooltipProvider.tsx

@@ -65,6 +65,9 @@ const TooltipProvider: React.FC<PropsWithChildren> = ({ children }) => {
 
   const setActiveAnchor = (tooltipId: string, ref: React.RefObject<HTMLElement>) => {
     setActiveAnchorMap((oldMap) => {
+      if (oldMap[tooltipId]?.current === ref.current) {
+        return oldMap
+      }
       // create new object to trigger re-render
       return { ...oldMap, [tooltipId]: ref }
     })