Fix linting

packages/visx-demo/src/sandboxes/visx-tooltip/Example.tsx

@@ -27,6 +27,29 @@ const tooltipStyles = {
   padding: 12,
 };
 
+type OverlayLayerProps = {
+  container: HTMLDivElement | null;
+  text: string;
+  className?: string;
+  placeAfterTooltipInDom?: boolean;
+};
+
+function OverlayLayer({ className, container, placeAfterTooltipInDom, text }: OverlayLayerProps) {
+  if (container) {
+    // Since we re-render the tooltip every time the pointer moves and its DOM node
+    // is placed at the end of the container, if placeAfterTooltipInDom is true we
+    // also want to re-render the overlay layer
+    const key = placeAfterTooltipInDom ? Math.random() : 'overlay-under';
+    return ReactDOM.createPortal(
+      <div className={className} key={key}>
+        {text}
+      </div>,
+      container,
+    );
+  }
+  return null;
+}
+
 export default function Example({ width, height, showControls = true }: TooltipProps) {
   const [tooltipShouldDetectBounds, setTooltipShouldDetectBounds] = useState(true);
   const [tooltipPortalShouldUseCustomContainer, setTooltipPortalShouldUseCustomContainer] =
@@ -260,26 +283,3 @@ export default function Example({ width, height, showControls = true }: TooltipP
     </>
   );
 }
-
-type OverlayLayerProps = {
-  container: HTMLDivElement | null;
-  text: string;
-  className?: string;
-  placeAfterTooltipInDom?: boolean;
-};
-
-function OverlayLayer({ className, container, placeAfterTooltipInDom, text }: OverlayLayerProps) {
-  if (container) {
-    // Since we re-render the tooltip every time the pointer moves and its DOM node
-    // is placed at the end of the container, if placeAfterTooltipInDom is true we
-    // also want to re-render the overlay layer
-    const key = placeAfterTooltipInDom ? Math.random() : 'overlay-under';
-    return ReactDOM.createPortal(
-      <div className={className} key={key}>
-        {text}
-      </div>,
-      container,
-    );
-  }
-  return null;
-}

packages/visx-tooltip/src/hooks/useTooltipInPortal.tsx

@@ -51,7 +51,11 @@ export default function useTooltipInPortal({
     }
   }, [portalContainer]);
 
-  React.useEffect(updatePortalContainerRect, [containerBounds, portalContainer]);
+  React.useEffect(updatePortalContainerRect, [
+    containerBounds,
+    portalContainer,
+    updatePortalContainerRect,
+  ]);
   useResizeObserver(portalContainer ?? null, updatePortalContainerRect);
 
   const TooltipInPortal = useMemo(