fix: add useReducedMotion compatibility for Safari 13 and older (#2300)

Author: BenHodgsonR2R

.changeset/stale-owls-double.md

@@ -0,0 +1,5 @@
+---
+'@react-spring/shared': patch
+---
+
+fix: MediaQueryList.addListener safari 13 (and older) compatibility

packages/shared/src/hooks/useReducedMotion.ts

@@ -26,10 +26,18 @@ export const useReducedMotion = () => {
 
     handleMediaChange(mql)
 
-    mql.addEventListener('change', handleMediaChange)
+    if (mql.addEventListener) {
+      mql.addEventListener('change', handleMediaChange)
+    } else {
+      mql.addListener(handleMediaChange)
+    }
 
     return () => {
-      mql.removeEventListener('change', handleMediaChange)
+      if (mql.removeEventListener) {
+        mql.removeEventListener('change', handleMediaChange)
+      } else {
+        mql.removeListener(handleMediaChange)
+      }
     }
   }, [])