From 71c84875fa39a76ce53cacdaca654798945770a1 Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Tue, 21 Apr 2026 22:20:26 -0400
Subject: [PATCH] feat: add use-mobile shadcn hook

Signed-off-by: Dmytro Stanchiev <git@dmytros.dev>
---
 src/hooks/use-mobile.ts | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/hooks/use-mobile.ts

diff --git a/src/hooks/use-mobile.ts b/src/hooks/use-mobile.ts
new file mode 100644
index 0000000..c6d57f0
--- /dev/null
+++ b/src/hooks/use-mobile.ts
@@ -0,0 +1,27 @@
+import * as React from "react";
+
+const MOBILE_BREAKPOINT = 768;
+
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
+		undefined,
+	);
+
+	React.useEffect(() => {
+		const mediaQueryList = window.matchMedia(
+			`(max-width: ${MOBILE_BREAKPOINT - 1}px)`,
+		);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+
+		mediaQueryList.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+
+		return () => mediaQueryList.removeEventListener("change", onChange);
+	}, []);
+
+	return !!isMobile;
+}
+
+export { useIsMobile };