Skip to content

Commit b889a9e

Browse files
committed
fix(utils): useMediaQuery uses addEventListener/removeEventListener
addListener and removeListener have been deprecated
1 parent 58f614b commit b889a9e

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

packages/utils/src/sizing/useMediaQuery.ts

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,15 @@ export function useMediaQuery(
4545
const updater = ({ matches }: MediaQueryListEvent): void =>
4646
setMatches(matches);
4747

48-
mq.addListener(updater);
48+
mq.addEventListener("change", updater);
4949

5050
if (mq.matches !== matches) {
5151
setMatches(mq.matches);
5252
}
5353

54-
return () => mq.removeListener(updater);
54+
return () => {
55+
mq.removeEventListener("change", updater);
56+
};
5557
}, [disabled, matches, query]);
5658

5759
return matches;

0 commit comments

Comments
 (0)