Resolve console errors from Tooltip component

facultyai · Apr 14, 2024 · 51f8596 · 51f8596
1 parent 3135cf9
commit 51f8596
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/private/OverlayTemplates.js b/src/private/OverlayTemplates.js
@@ -72,15 +72,27 @@ const TooltipTemplate = React.forwardRef(
       style,
       children,
       arrowProps,
-      popper: _,
-      show: _2,
+      popper,
+      show,
+      hasDoneInitialMeasure,
       ...props
     },
     ref
   ) => {
     const [primaryPlacement] = placement?.split('-') || [];
     const bsDirection = getOverlayDirection(primaryPlacement);
 
+    const computedStyle = style;
+    if (show && !hasDoneInitialMeasure)
+      computedStyle = {
+        ...style,
+        position: popper?.strategy,
+        top: '0',
+        left: '0',
+        opacity: '0',
+        pointerEvents: 'none'
+      };
+
     const {
       handleMouseOverTooltipContent,
       handleMouseLeaveTooltipContent
@@ -89,7 +101,7 @@ const TooltipTemplate = React.forwardRef(
     return (
       <div
         ref={ref}
-        style={style}
+        style={computedStyle}
         role="tooltip"
         x-placement={primaryPlacement}
         className={classNames(