yolokube/dashboard
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update formatting of useMediaQuery.tsx

Browse source
This commit is contained in:
Bastian Meissner 2021-11-26 21:16:10 +01:00
parent fcd99434a0
commit 9c76a43144
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/useMediaQuery.tsx
View file

@ -6,12 +6,9 @@ const useMediaQuery = (query: string) => {
useEffect(() => { useEffect(() => {
const media = window.matchMedia(query); const media = window.matchMedia(query);
if (media.matches !== matches) { if (media.matches !== matches) setMatches(media.matches);
setMatches(media.matches); const listener = () => setMatches(media.matches);
}
const listener = () => {
setMatches(media.matches);
};
media.addEventListener("change", listener); media.addEventListener("change", listener);
return () => media.removeEventListener("change", listener); return () => media.removeEventListener("change", listener);
}, [matches, query]); }, [matches, query]);