From 6b02399412af53a900066ca3f0f8192fc749b435 Mon Sep 17 00:00:00 2001
From: Rakov Roman <roman.rakov@instatsport.com>
Date: Fri, 14 Oct 2022 11:45:47 +0300
Subject: [PATCH] fix(fix-safari): fixed bags for deprecated safari version

---
 src/features/MediaQuery/hooks.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/features/MediaQuery/hooks.tsx b/src/features/MediaQuery/hooks.tsx
index 3318c3bc..b8bd9d59 100644
--- a/src/features/MediaQuery/hooks.tsx
+++ b/src/features/MediaQuery/hooks.tsx
@@ -12,10 +12,23 @@ export const useMediaQuery = (query: string) => {
     const listener = (event: MediaQueryListEvent) => {
       setQueryMatches(event.matches)
     }
-    mediaQuery.addEventListener('change', listener)
+
+    try {
+      // Chrome & Firefox & Safari version >= 14
+      mediaQuery.addEventListener('change', listener)
+    } catch {
+      // Safari
+      mediaQuery.addListener(listener)
+    }
 
     return () => {
-      mediaQuery.removeEventListener('change', listener)
+      try {
+        // Chrome & Firefox & Safari version >= 14
+        mediaQuery.removeEventListener('change', listener)
+      } catch {
+        // Safari
+        mediaQuery.removeListener(listener)
+      }
     }
   }, [mediaQuery])