feat(Popover): make opened prop update internal opened state in realtime

pswui · Jun 30, 2024 · c52a884 · c52a884
1 parent c1289b6
commit c52a884
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/react/components/Popover.tsx b/packages/react/components/Popover.tsx
@@ -26,14 +26,20 @@ interface PopoverProps extends AsChild {
 }
 
 const Popover = ({ children, opened, asChild }: PopoverProps) => {
-  const state = React.useState<IPopoverContext>({
+  const [state, setState] = React.useState<IPopoverContext>({
     opened: opened ?? false,
   });
 
+  useEffect(() => {
+    if (opened !== undefined) {
+      setState((p) => ({ ...p, opened: opened }));
+    }
+  }, [opened]);
+
   const Comp = asChild ? Slot : "div";
 
   return (
-    <PopoverContext.Provider value={state}>
+    <PopoverContext.Provider value={[state, setState]}>
       <Comp className="relative">{children}</Comp>
     </PopoverContext.Provider>
   );