perf(AnchoredOverlay): memoize position object

primer · Apr 30, 2021 · ed3aba1 · ed3aba1
1 parent 5c81b1e
commit ed3aba1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/AnchoredOverlay/AnchoredOverlay.tsx b/src/AnchoredOverlay/AnchoredOverlay.tsx
@@ -90,7 +90,9 @@ export const AnchoredOverlay: React.FC<AnchoredOverlayProps> = ({renderAnchor, c
     },
     [overlayRef.current]
   )
-  const overlayPosition = position && {top: `${position.top}px`, left: `${position.left}px`}
+  const overlayPosition = useMemo(() => {
+    return position && {top: `${position.top}px`, left: `${position.left}px`}
+  }, [position])
 
   useFocusZone({containerRef: overlayRef, disabled: !open || focusType !== 'list' || !position})
   useFocusTrap({containerRef: overlayRef, disabled: !open || focusType !== 'list' || !position})