diff --git a/src/useMedia.ts b/src/useMedia.ts
index aefa1cd845..c0f3d96281 100644
--- a/src/useMedia.ts
+++ b/src/useMedia.ts
@@ -34,12 +34,12 @@ const useMedia = (query: string, defaultState?: boolean) => {
       setState(!!mql.matches);
     };
 
-    mql.addListener(onChange);
+    mql.addEventListener('change', onChange);
     setState(mql.matches);
 
     return () => {
       mounted = false;
-      mql.removeListener(onChange);
+      mql.removeEventListener('change', onChange);
     };
   }, [query]);
 
diff --git a/tests/useMedia.test.ts b/tests/useMedia.test.ts
index 052d8bb009..ab0467a6c6 100644
--- a/tests/useMedia.test.ts
+++ b/tests/useMedia.test.ts
@@ -4,8 +4,8 @@ import { useMedia } from '../src';
 
 const createMockMediaMatcher = (matches: Record<string, boolean>) => (qs: string) => ({
   matches: matches[qs] ?? false,
-  addListener: () => {},
-  removeListener: () => {},
+  addEventListener: () => {},
+  removeEventListener: () => {},
 });
 
 describe('useMedia', () => {