From 2c7c16d93e2b02856d95469ea2e494f0aeef2e2b Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Sat, 21 Dec 2024 12:48:29 -0800
Subject: [PATCH] Fix conditional reference to is mobile width hook

---
 src/interface/web/app/components/navMenu/navMenu.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index e2d63d84..7e780146 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -52,6 +52,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
     const [darkMode, setDarkMode] = useState(false);
     const [initialLoadDone, setInitialLoadDone] = useState(false);
     const [showLoginPrompt, setShowLoginPrompt] = useState(false);
+    const isMobileWidth = useIsMobileWidth();
 
     useEffect(() => {
         if (localStorage.getItem("theme") === "dark") {
@@ -92,7 +93,7 @@ export default function NavMenu({ sideBarIsOpen }: NavMenuProps) {
                 {showLoginPrompt && (
                     <LoginPrompt
                         onOpenChange={(isOpen) => setShowLoginPrompt(isOpen)}
-                        isMobileWidth={useIsMobileWidth()}
+                        isMobileWidth={isMobileWidth}
                     />
                 )}
                 <DropdownMenu>