diff --git a/app/hooks/useMediaQuery.js b/app/hooks/useMediaQuery.js
index 4fcdc74a5..1280f7d3e 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;