From 18c08076dd72d8cc0b1cfabf08a5e381aa826eb5 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 30 Apr 2023 21:33:03 +0800
Subject: [PATCH] Fix mount/unmount states of notifications popover

---
 src/pages/home.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index eb7bd862..f929ddee 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -35,7 +35,7 @@ function Home() {
   }, []);
 
   const notificationLinkRef = useRef();
-  const [menuState, setMenuState] = useState('closed');
+  const [menuState, setMenuState] = useState(undefined);
 
   return (
     <>
@@ -61,9 +61,10 @@ function Home() {
                   e.stopPropagation();
                   if (window.matchMedia('(min-width: calc(40em))').matches) {
                     e.preventDefault();
-                    setMenuState((state) =>
-                      state === 'closed' ? 'open' : 'closed',
-                    );
+                    setMenuState((state) => {
+                      console.log('state', state, !state ? 'open' : undefined);
+                      return !state ? 'open' : undefined;
+                    });
                   }
                 }}
               >
@@ -72,7 +73,7 @@ function Home() {
               <NotificationsMenu
                 state={menuState}
                 anchorRef={notificationLinkRef}
-                onClose={() => setMenuState('closed')}
+                onClose={() => setMenuState(undefined)}
               />
             </>
           }
@@ -163,7 +164,6 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
       position="anchor"
       align="center"
       boundingBoxPadding="8 8 8 8"
-      unmountOnClose
     >
       <header>
         <h2>Notifications</h2>