From 3389c3d12cc47c06a16187550f66ea9355219bce Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Sat, 4 Oct 2025 14:24:37 +0000
Subject: [PATCH] Improve mobile detection logic to handle server-side
 rendering

Add a check for `window` existence in `useIsMobile` hook to prevent errors during SSR.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f44f1d1b-1dd8-407b-8603-db12902e1a15
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
---
 src/hooks/use-mobile.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/hooks/use-mobile.tsx b/src/hooks/use-mobile.tsx
index 502fd323..d71598a5 100644
--- a/src/hooks/use-mobile.tsx
+++ b/src/hooks/use-mobile.tsx
@@ -6,6 +6,8 @@ export function useIsMobile() {
   const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);
 
   React.useEffect(() => {
+    if (typeof window === 'undefined') return;
+    
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);