strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop checking for window in useEffect

Browse Source
This commit is contained in:
Sam Becker 2025-02-09 09:54:17 -06:00
parent 6cefb12f30
commit 3c04ca840f
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/utility/useIsDesktop.ts
View File

@ -4,18 +4,16 @@ export default function useIsDesktop() {
const [isDesktop, setIsDesktop] = useState<boolean>();
useEffect(() => {
if (typeof window !== 'undefined') {
const breakpointMd = getComputedStyle(document.body)
.getPropertyValue('--breakpoint-md');
const mql = window.matchMedia(`(min-width: ${breakpointMd})`);
setIsDesktop(mql.matches);
const breakpointMd = getComputedStyle(document.body)
.getPropertyValue('--breakpoint-md');
const mql = window.matchMedia(`(min-width: ${breakpointMd})`);
setIsDesktop(mql.matches);
const eventHandler = (event: MediaQueryListEvent) =>
setIsDesktop(event.matches);
const eventHandler = (event: MediaQueryListEvent) =>
setIsDesktop(event.matches);
mql.addEventListener('change', eventHandler);
return () => mql.removeEventListener('change', eventHandler);
}
mql.addEventListener('change', eventHandler);
return () => mql.removeEventListener('change', eventHandler);
}, []);
return isDesktop;