diff options
Diffstat (limited to 'hooks/useMediaQuery.js')
-rw-r--r-- | hooks/useMediaQuery.js | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/hooks/useMediaQuery.js b/hooks/useMediaQuery.js index 1adb499..1dc752a 100644 --- a/hooks/useMediaQuery.js +++ b/hooks/useMediaQuery.js @@ -1,19 +1,19 @@ -import { useState, useEffect } from "react"; +import { useState, useEffect } from 'react' const useMediaQuery = (query) => { - const [matches, setMatches] = useState(false); + const [matches, setMatches] = useState(false) useEffect(() => { - const media = window.matchMedia(query); + const media = window.matchMedia(query) if (media.matches !== matches) { - setMatches(media.matches); + setMatches(media.matches) } - const listener = () => setMatches(media.matches); - window.addEventListener("resize", listener); - return () => window.removeEventListener("resize", listener); - }, [matches, query]); + const listener = () => setMatches(media.matches) + window.addEventListener('resize', listener) + return () => window.removeEventListener('resize', listener) + }, [matches, query]) - return matches; + return matches } -export default useMediaQuery; +export default useMediaQuery |