From 9d2cc6942cda3be22eb6293c9bf9127b2173f4a0 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 18 Mar 2023 22:59:19 +0800
Subject: [PATCH] Possibly fix menu not close-able

---
 src/components/account-info.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index 0b26aa0f..3938b1c0 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -482,6 +482,7 @@ function RelatedActions({ info, instance, authenticated }) {
   }, [info, authenticated]);
 
   const loading = relationshipUIState === 'loading';
+  const menuInstanceRef = useRef(null);
 
   return (
     <>
@@ -521,6 +522,7 @@ function RelatedActions({ info, instance, authenticated }) {
         )}{' '}
         <span class="buttons">
           <Menu
+            instanceRef={menuInstanceRef}
             portal={{
               target: document.body,
             }}
@@ -529,6 +531,9 @@ function RelatedActions({ info, instance, authenticated }) {
                 // Higher than the backdrop
                 zIndex: 1001,
               },
+              onClick: () => {
+                menuInstanceRef.current?.closeMenu?.();
+              },
             }}
             align="center"
             position="anchor"