Use addEventListener instead of addListener

See https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#instance_methods
missive · Jan 6, 2024 · 17553dc · 17553dc
1 parent 96eb041
commit 17553dc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/emoji-mart/src/components/Picker/Picker.tsx b/packages/emoji-mart/src/components/Picker/Picker.tsx
@@ -127,7 +127,7 @@ export default class Picker extends Component {
 
   unregister() {
     document.removeEventListener('click', this.handleClickOutside)
-    this.darkMedia?.removeListener(this.darkMediaCallback)
+    this.darkMedia?.removeEventListener('change', this.darkMediaCallback)
     this.unobserve()
   }
 
@@ -207,7 +207,7 @@ export default class Picker extends Component {
       this.darkMedia = matchMedia('(prefers-color-scheme: dark)')
       if (this.darkMedia.media.match(/^not/)) return 'light'
 
-      this.darkMedia.addListener(this.darkMediaCallback)
+      this.darkMedia.addEventListener('change', this.darkMediaCallback)
     }
 
     return this.darkMedia.matches ? 'dark' : 'light'