Update existing usage

Author: kraenhansen

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/index.tsx

@@ -71,7 +71,7 @@ const containedElements = [
 const SavedPipelinesButton: React.FunctionComponent = () => {
   const [isVisible, setIsVisible] = useState(false);
   return (
-    <InteractivePopover
+    <InteractivePopover<HTMLButtonElement>
       className={savedAggregationsPopoverStyles}
       // To prevent popover from closing when confirmation modal is shown
       containedElements={containedElements}

packages/compass-components/src/components/signal-popover.tsx

@@ -524,7 +524,7 @@ const SignalPopover: React.FunctionComponent<SignalPopoverProps> = ({
       `calc(14px + ${' insight'.length}ch)`;
 
   return (
-    <InteractivePopover
+    <InteractivePopover<HTMLButtonElement>
       className={cx(
         popoverStyles,
         // If trigger is not visible, we are in this weird state where trigger

packages/compass-query-bar/src/components/query-history-button-popover.tsx

@@ -73,7 +73,7 @@ const QueryHistoryButtonPopover = ({
   }, [setIsOpen]);
 
   return (
-    <InteractivePopover
+    <InteractivePopover<HTMLButtonElement>
       className={queryHistoryPopoverStyles}
       trigger={({ onClick, ref, children }) => (
         <>

packages/compass-sidebar/src/components/connections-filter-popover.tsx

@@ -102,7 +102,7 @@ export default function ConnectionsFilterPopover({
               onMouseLeave={handleButtonMouseLeave}
               active={open}
               aria-label="Filter connections"
-              ref={ref as React.Ref<unknown>}
+              ref={ref}
             >
               <Icon glyph="Filter" />
               {isActivated && (