Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-17 10:40:41 +01:00
Code Issues Packages Projects Releases Activity

fix(website): hydration issues due to rendering on the server of client-side logic

Browse Source
This commit is contained in:
Elian Doran
2025-09-28 00:58:15 +03:00
parent bd2eb6fdbb
commit 5b673e753b
4 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/website/src/hooks.tsx
View File

@@ -11,11 +11,11 @@ export function usePageTitle(title: string) {
}
export function useColorScheme() {
if (typeof window === "undefined") return;
const [ prefersDark, setPrefersDark ] = useState((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches));
const defaultValue = (typeof window !== "undefined" && (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches));
const [ prefersDark, setPrefersDark ] = useState(defaultValue);
useEffect(() => {
if (typeof window === "undefined") return;
const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
const listener = () => setPrefersDark((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches));