From 6fc3ec72c67dbeec49cd7f788655056f1a7a3adc Mon Sep 17 00:00:00 2001 From: yousefed Date: Wed, 3 Jul 2024 21:19:59 +0200 Subject: [PATCH 1/2] fix usePrefersColorScheme window reference --- packages/react/src/hooks/usePrefersColorScheme.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react/src/hooks/usePrefersColorScheme.ts b/packages/react/src/hooks/usePrefersColorScheme.ts index 543231e262..1af91b72ba 100644 --- a/packages/react/src/hooks/usePrefersColorScheme.ts +++ b/packages/react/src/hooks/usePrefersColorScheme.ts @@ -4,9 +4,9 @@ // issues when used in a NextJS project. import { useEffect, useState } from "react"; -const darkQuery = window.matchMedia?.("(prefers-color-scheme: dark)"); +const darkQuery = window?.matchMedia?.("(prefers-color-scheme: dark)"); -const lightQuery = window.matchMedia?.("(prefers-color-scheme: light)"); +const lightQuery = window?.matchMedia?.("(prefers-color-scheme: light)"); export const usePrefersColorScheme = () => { const isDark = darkQuery?.matches; From bf0c063a0fb0985a9cbace7b1016388516eaf953 Mon Sep 17 00:00:00 2001 From: yousefed Date: Wed, 3 Jul 2024 21:23:55 +0200 Subject: [PATCH 2/2] fix --- packages/react/src/hooks/usePrefersColorScheme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/hooks/usePrefersColorScheme.ts b/packages/react/src/hooks/usePrefersColorScheme.ts index 1af91b72ba..5f0bfa06a8 100644 --- a/packages/react/src/hooks/usePrefersColorScheme.ts +++ b/packages/react/src/hooks/usePrefersColorScheme.ts @@ -71,7 +71,7 @@ export const usePrefersColorScheme = () => { } }, []); - if (typeof window.matchMedia !== "function") { + if (typeof window?.matchMedia !== "function") { return preferredColorSchema; }