aboutsummaryrefslogtreecommitdiffstats
path: root/hooks/useMediaQuery.js
diff options
context:
space:
mode:
Diffstat (limited to 'hooks/useMediaQuery.js')
-rw-r--r--hooks/useMediaQuery.js20
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