docs: update popover custom target story (#31374)

microsoft · May 16, 2024 · 30e870e · 30e870e
1 parent cafe42c
commit 30e870e
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/...es/react-components/react-popover/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx b/...es/react-components/react-popover/stories/Popover/PopoverAnchorToCustomTarget.stories.tsx
@@ -24,15 +24,15 @@ const ExampleContent = () => {
 };
 
 export const AnchorToCustomTarget = () => {
-  const buttonRef = React.useRef<HTMLButtonElement>(null);
   const positioningRef = React.useRef<PositioningImperativeRef>(null);
-  const styles = useStyles();
+  const buttonRef = React.useCallback(
+    (el: HTMLButtonElement | null) => {
+      positioningRef.current?.setTarget(el);
+    },
+    [positioningRef],
+  );
 
-  React.useEffect(() => {
-    if (buttonRef.current) {
-      positioningRef.current?.setTarget(buttonRef.current);
-    }
-  }, [buttonRef, positioningRef]);
+  const styles = useStyles();
 
   return (
     <div className={styles.container}>