mirror of
https://github.com/He4eT/elseifplayer.git
synced 2026-05-05 01:17:22 +00:00
MenuOverlay: accurate handling of the dialog ref
This commit is contained in:
parent
12e894b41c
commit
d5e89b9bdc
1 changed files with 4 additions and 3 deletions
|
|
@ -24,13 +24,14 @@ export default function MenuOverlay ({
|
||||||
}, [menuOpen])
|
}, [menuOpen])
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
const currentDialog = dialog.current
|
||||||
const closeHandler = () => {
|
const closeHandler = () => {
|
||||||
setMenuOpen(false)
|
setMenuOpen(false)
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog.current.addEventListener('close', closeHandler)
|
currentDialog.addEventListener('close', closeHandler)
|
||||||
return () => dialog.current.removeEventListener('close', closeHandler)
|
return () => currentDialog.removeEventListener('close', closeHandler)
|
||||||
}, [dialog])
|
}, [dialog, setMenuOpen])
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue