fix: support for media query event listener in older safari versions

emilkowalski · May 6, 2024 · 55644f2 · 55644f2
1 parent 6c51bc8
commit 55644f2
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -567,13 +567,21 @@ const Toaster = (props: ToasterProps) => {
 
     if (typeof window === 'undefined') return;
 
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {
+    const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+    const handleChange = ({ matches }: MediaQueryListEvent) => {
       if (matches) {
         setActualTheme('dark');
       } else {
         setActualTheme('light');
       }
-    });
+    };
+
+    if ('addEventListener' in mediaQueryList) {
+      mediaQueryList.addEventListener('change', handleChange);
+    } else {
+      // @ts-expect-error: Deprecated API
+      mediaQueryList.addListener(handleChange);
+    }
   }, [theme]);
 
   React.useEffect(() => {