From 5fbe0b09a012b776107131c41aa7ee606e8b3c8d Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Sat, 6 May 2023 22:49:34 +0200
Subject: [PATCH] fix: Migrate `useMedia`

---
 src/hooks/use-system-preferred-theme.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/hooks/use-system-preferred-theme.ts b/src/hooks/use-system-preferred-theme.ts
index 098c44f..6864154 100644
--- a/src/hooks/use-system-preferred-theme.ts
+++ b/src/hooks/use-system-preferred-theme.ts
@@ -1,9 +1,9 @@
-import {useMedia} from "react-use"
+import {useMediaQuery} from "@react-hookz/web"
 
 import {Theme} from "~/server-types"
 
 export default function useSystemPreferredTheme(): Theme {
-	const prefersDark = useMedia("(prefers-color-scheme: dark)")
+	const prefersDark = useMediaQuery("(prefers-color-scheme: dark)")
 
 	return prefersDark ? Theme.DARK : Theme.LIGHT
 }