From d5e89b9bdc093901b44c91de7cf63b964405d33f Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Sun, 4 Jun 2023 01:59:25 +0300
Subject: [PATCH] MenuOverlay: accurate handling of the dialog ref

---
 src/components/Player/MenuOverlay/MenuOverlay.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Player/MenuOverlay/MenuOverlay.jsx b/src/components/Player/MenuOverlay/MenuOverlay.jsx
index 32e3123..a6aac6f 100644
--- a/src/components/Player/MenuOverlay/MenuOverlay.jsx
+++ b/src/components/Player/MenuOverlay/MenuOverlay.jsx
@@ -24,13 +24,14 @@ export default function MenuOverlay ({
   }, [menuOpen])
 
   useEffect(() => {
+    const currentDialog = dialog.current
     const closeHandler = () => {
       setMenuOpen(false)
     }
 
-    dialog.current.addEventListener('close', closeHandler)
-    return () => dialog.current.removeEventListener('close', closeHandler)
-  }, [dialog])
+    currentDialog.addEventListener('close', closeHandler)
+    return () => currentDialog.removeEventListener('close', closeHandler)
+  }, [dialog, setMenuOpen])
 
 
   return (