From ddbbb963b6edc7a1b0e0f466dba0417ed703f153 Mon Sep 17 00:00:00 2001
From: Saumya Pandey <sp160899@gmail.com>
Date: Sat, 5 Jun 2021 22:21:42 +0530
Subject: [PATCH] fix: Add guard condition for matchMedia usage (#2178)

---
 app/hooks/useMediaQuery.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/hooks/useMediaQuery.js b/app/hooks/useMediaQuery.js
index 4fcdc74a..1280f7d3 100644
--- a/app/hooks/useMediaQuery.js
+++ b/app/hooks/useMediaQuery.js
@@ -5,15 +5,17 @@ export default function useMediaQuery(query: string): boolean {
   const [matches, setMatches] = useState<boolean>(false);
 
   useEffect(() => {
-    const media = window.matchMedia(query);
-    if (media.matches !== matches) {
-      setMatches(media.matches);
+    if (window.matchMedia) {
+      const media = window.matchMedia(query);
+      if (media.matches !== matches) {
+        setMatches(media.matches);
+      }
+      const listener = () => {
+        setMatches(media.matches);
+      };
+      media.addListener(listener);
+      return () => media.removeListener(listener);
     }
-    const listener = () => {
-      setMatches(media.matches);
-    };
-    media.addListener(listener);
-    return () => media.removeListener(listener);
   }, [matches, query]);
 
   return matches;