From dac41b14ee4c861fb8a564cf97a5e889ffb0d592 Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Mon, 27 Jul 2026 14:50:15 +0330
Subject: [PATCH] fix(ssr-navigator): resolve ReferenceError navigator is not
 defined during Next.js static prerendering in useNetworkStatus hook

---
 frontend/application/components/ProductPage.tsx    | 2 +-
 frontend/application/lib/hooks/useNetworkStatus.ts | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/application/components/ProductPage.tsx b/frontend/application/components/ProductPage.tsx
index 02a943f..36a9155 100644
--- a/frontend/application/components/ProductPage.tsx
+++ b/frontend/application/components/ProductPage.tsx
@@ -197,7 +197,7 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
           <div className="flex items-center gap-2">
             <button
               onClick={() => {
-                if (navigator.clipboard) {
+                if (typeof window !== 'undefined' && navigator.clipboard) {
                   navigator.clipboard.writeText(window.location.href);
                   toast.success("لینک مشخصات و دوز دارویی محصول کپی شد");
                 }
diff --git a/frontend/application/lib/hooks/useNetworkStatus.ts b/frontend/application/lib/hooks/useNetworkStatus.ts
index f2682fb..615b296 100644
--- a/frontend/application/lib/hooks/useNetworkStatus.ts
+++ b/frontend/application/lib/hooks/useNetworkStatus.ts
@@ -1,9 +1,13 @@
 import { useState, useEffect } from 'react';
 
 export function useNetworkStatus() {
-  const [isOnline, setIsOnline] = useState(navigator.onLine);
+  const [isOnline, setIsOnline] = useState(true);
 
   useEffect(() => {
+    if (typeof window !== 'undefined' && typeof navigator !== 'undefined') {
+      setIsOnline(navigator.onLine);
+    }
+
     const handleOnline = () => setIsOnline(true);
     const handleOffline = () => setIsOnline(false);