amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix]: add-listner is deprecated, switched those to add-event-listner (#4093)

Browse Source
This commit is contained in:
CatsAndDogs123
2021-12-03 14:00:05 +02:00
committed by GitHub
parent f625b86a48
commit 86eb509781
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
beta/src/components/Layout/useMediaQuery.tsx
View File

@@ -17,14 +17,14 @@ const useMediaQuery = (width: number) => {
useEffect(() => {
const media = window.matchMedia(`(max-width: ${width}px)`);
media.addListener(updateTarget);
media.addEventListener('change', updateTarget);
// Check on mount (callback is not called until a change occurs)
if (media.matches) {
setTargetReached(true);
}
return () => media.removeListener(updateTarget);
return () => media.removeEventListener('change', updateTarget);
}, [updateTarget, width]);
return targetReached;

2
beta/src/pages/_document.tsx
View File

@@ -46,7 +46,7 @@ class MyDocument extends Document {
}
setTheme(initialTheme);
darkQuery.addListener(function (e) {
darkQuery.addEventListener('change', function (e) {
if (!preferredTheme) {
setTheme(e.matches ? 'dark' : 'light');
}