fix: tests

src/components/theme/getDarkMediaMatch.ts

@@ -1 +1,3 @@
+export const supportsMatchMedia =
+    typeof window !== 'undefined' && typeof window.matchMedia === 'function';
 export const getDarkMediaMatch = () => window.matchMedia('(prefers-color-scheme: dark)');

src/components/theme/getSystemTheme.ts

@@ -1,7 +1,7 @@
-import {getDarkMediaMatch} from './getDarkMediaMatch';
+import {getDarkMediaMatch, supportsMatchMedia} from './getDarkMediaMatch';
 
 export function getSystemTheme() {
-    if (typeof window === 'object') {
+    if (supportsMatchMedia) {
         return getDarkMediaMatch().matches ? 'dark' : 'light';
     } else {
         return 'light';

src/components/theme/useSystemTheme.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {getDarkMediaMatch} from './getDarkMediaMatch';
+import {getDarkMediaMatch, supportsMatchMedia} from './getDarkMediaMatch';
 import {getSystemTheme} from './getSystemTheme';
 import type {ThemeType} from './types';
 
@@ -29,6 +29,10 @@ export function useSystemTheme(): ThemeType {
     const [theme, setTheme] = React.useState<ThemeType>(getSystemTheme());
 
     React.useEffect(() => {
+        if (!supportsMatchMedia) {
+            return undefined;
+        }
+
         function onChange(event: MediaQueryListEvent) {
             setTheme(event.matches ? 'dark' : 'light');
         }