xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-10 22:09:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

Make client hoverable methods SSR compatible for NextJS

Browse Source
This commit is contained in:
Xevion
2022-12-24 15:18:23 -06:00
parent e0b68e829f
commit 601f4681ad
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/utils/helpers.ts
View File

@@ -2,8 +2,16 @@ export function classNames(...classes: (string | null | undefined)[]) {
return classes.filter(Boolean).join(" "); return classes.filter(Boolean).join(" ");
} }
const hoverableQuery = window.matchMedia('(hover: hover) and (pointer: fine)'); const isClient = (): boolean => {
return typeof window !== "undefined";
}
const isServer = (): boolean => {
return !isClient();
}
const hoverableQuery: MediaQueryList | null = isClient() ? window.matchMedia('(hover: hover) and (pointer: fine)') : null;
export function isHoverable() { export function isHoverable() {
return hoverableQuery.matches; return hoverableQuery?.matches;
} }