fix: support dark mode for safari < 14 using matchMedia().addListener (…

…#495)

* fix: support matchMedia for safari

* fix: edit comment

src/index.tsx

@@ -578,14 +578,31 @@ const Toaster = forwardRef<HTMLElement, ToasterProps>(function Toaster(props, re
     }
 
     if (typeof window === 'undefined') return;
-
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', ({ matches }) => {
-      if (matches) {
-        setActualTheme('dark');
-      } else {
-        setActualTheme('light');
-      }
-    });
+    const darkMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+
+    try {
+      // Chrome & Firefox
+      darkMediaQuery.addEventListener('change', ({ matches }) => {
+         if (matches) {
+           setActualTheme('dark');
+         } else {
+           setActualTheme('light');
+         }
+       });
+    } catch (error) {
+      // Safari < 14
+      darkMediaQuery.addListener( ({ matches }) => {
+        try {
+          if (matches) {
+            setActualTheme('dark');
+          } else {
+            setActualTheme('light');
+          }
+        } catch(e) {
+          console.error(e)
+        }
+      });
+    } 
   }, [theme]);
 
   React.useEffect(() => {