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 (