fix: use effect to set prop change value

ocadotechnology · Jul 6, 2023 · 265bcfe · 265bcfe
1 parent 879eee1
commit 265bcfe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/ClickableTooltip.tsx b/src/components/ClickableTooltip.tsx
@@ -15,6 +15,8 @@ const ClickableTooltip: React.FC<ClickableTooltipProps> = ({
 }) => {
   const [_open, _setOpen] = React.useState(open);
 
+  React.useEffect(() => { _setOpen(open); }, [open]);
+
   return (
     <Tooltip
       open={_open}

diff --git a/src/components/page/Notification.tsx b/src/components/page/Notification.tsx
@@ -30,6 +30,8 @@ const Notification: React.FC<NotificationProps> = ({
 }) => {
   const [_open, _setOpen] = React.useState(open);
 
+  React.useEffect(() => { _setOpen(open); }, [open]);
+
   if (!_open) return <></>;
 
   // @ts-expect-error guaranteed to be in palette