FIDES-1429: Safari < 14 support (#5410)

ethyca · Oct 23, 2024 · 661347a · 661347a
1 parent 5547ece
commit 661347a
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/clients/fides-js/src/lib/hooks/useMediaQuery.ts b/clients/fides-js/src/lib/hooks/useMediaQuery.ts
@@ -14,9 +14,21 @@ export const useMediaQuery = (query: string) => {
     function handleChange(e: MediaQueryListEvent) {
       setMatches(e.matches);
     }
-    matchQueryList.addEventListener("change", handleChange);
+
+    if (matchQueryList.addEventListener) {
+      matchQueryList.addEventListener("change", handleChange);
+    } else {
+      // Older browser and test automation supportSafari < 14
+      matchQueryList.addListener(handleChange);
+    }
+
     return () => {
-      matchQueryList.removeEventListener("change", handleChange);
+      if (matchQueryList.removeEventListener) {
+        matchQueryList.removeEventListener("change", handleChange);
+      } else {
+        // Older browser and test automation support
+        matchQueryList.removeListener(handleChange);
+      }
     };
   }, [query]);
   return matches;