From 1a2241c40e10193c5ff7008a7b7b36cc1d855d96 Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Tue, 25 Mar 2025 15:55:45 +0900
Subject: initial commit

---
 hooks/use-media-query.ts | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 hooks/use-media-query.ts

(limited to 'hooks/use-media-query.ts')

diff --git a/hooks/use-media-query.ts b/hooks/use-media-query.ts
new file mode 100644
index 00000000..95e552cd
--- /dev/null
+++ b/hooks/use-media-query.ts
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+export function useMediaQuery(query: string) {
+  const [value, setValue] = React.useState(false)
+
+  React.useEffect(() => {
+    function onChange(event: MediaQueryListEvent) {
+      setValue(event.matches)
+    }
+
+    const result = matchMedia(query)
+    result.addEventListener("change", onChange)
+    setValue(result.matches)
+
+    return () => result.removeEventListener("change", onChange)
+  }, [query])
+
+  return value
+}
-- 
cgit v1.2.3