.

apps/blogai/components/footer.tsx

@@ -126,36 +126,65 @@ export function Footer({ className, ...props }: React.ComponentProps<'p'>) {
     windowHeight: number;
   }
 
-  const isWindow = typeof window !== "undefined"
-
-  //console.log("isWindow ", isWindow)
-
   const [windowSize, setWindowSize] = useState<WindowSize>({
-    windowWidth: window.innerWidth,
-    windowHeight: window.innerHeight
+    windowWidth: 0,
+    windowHeight: 0
   });
-
+  
   useEffect(() => {
-
-    if (isWindow) {
+    // 确保仅在客户端执行
+    if (typeof window !== "undefined") {
       const handleResize = () => {
-
-        console.log(window.innerWidth, window.innerHeight)
         setWindowSize({
           windowWidth: window.innerWidth,
           windowHeight: window.innerHeight
         });
       };
-
-      window.addEventListener('resize', handleResize);
-
+  
+      // 初始执行一次
+      handleResize();
+  
+      // 监听 window resize 事件
+      window.addEventListener("resize", handleResize);
+  
       return () => {
-        window.removeEventListener('resize', handleResize);
+        // 清理事件监听
+        window.removeEventListener("resize", handleResize);
       };
     }
-
   }, []);
 
+
+  // const isWindow = typeof window !== "undefined"
+
+  // //console.log("isWindow ", isWindow)
+
+  // const [windowSize, setWindowSize] = useState<WindowSize>({
+  //   windowWidth: window.innerWidth,
+  //   windowHeight: window.innerHeight
+  // });
+
+  // useEffect(() => {
+
+  //   if (isWindow) {
+  //     const handleResize = () => {
+
+  //       console.log(window.innerWidth, window.innerHeight)
+  //       setWindowSize({
+  //         windowWidth: window.innerWidth,
+  //         windowHeight: window.innerHeight
+  //       });
+  //     };
+
+  //     window.addEventListener('resize', handleResize);
+
+  //     return () => {
+  //       window.removeEventListener('resize', handleResize);
+  //     };
+  //   }
+
+  // }, []);
+
   return (
     <Container as="footer" className="bg-secondary w-full  max-w-full py-20">