refactor(eui): memoize before combining ref

weronikaolejniczak · weronikaolejniczak · commit 7a93b47f40d5 · 2026-01-14T19:54:31.000+01:00
diff --git a/packages/eui/src/components/flyout/manager/flyout_managed.tsx b/packages/eui/src/components/flyout/manager/flyout_managed.tsx
@@ -86,7 +86,9 @@ export const EuiManagedFlyout = forwardRef<HTMLElement, EuiManagedFlyoutProps>(
   ) => {
     const flyoutId = useFlyoutId(id);
     const [flyoutRef, setFlyoutRef] = useState<HTMLElement | null>(null);
-    const combinedRef = useCombinedRefs([setFlyoutRef, ref]);
+
+    const refs = useMemo(() => [setFlyoutRef, ref], [ref]);
+    const combinedRef = useCombinedRefs(refs);
 
     const {
       addFlyout,
