fix minor bugs

app/components/top.tsx

@@ -1,43 +1,33 @@
 import dynamic from 'next/dynamic';
+import { useEffect, useState } from 'react';
 
 const ModelViewer = dynamic(() => import('../ModelViewer'), { ssr: false });
 
- const tipitytopity = ()=> {
-    return (
-        <div className="flex flex-col mb-8 md:flex-row items-center justify-center gap-4 pr-0 md:pr-12 w-full mx-auto pt-[10vh] md:pt-0 bg-[url('https://cloud-clj0ujnpv-hack-club-bot.vercel.app/0image.png')] border-b-4 bg-no-repeat bg-center bg-cover sm:h-[120vh] md:h-[95vh]">
-      {typeof window !== 'undefined' && <ModelViewer />}
-      {/* 
-          <Image 
-              src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" 
-              alt="Example PCB!" 
-              style={{ width: '35%', height: '34%' }}
-              sx={{
-                width: '300px',
-                height: '200px',
-                // borderRadius: '16px',
-                // divShadow: '0px 4px 6px rgba(0, 0, 0, 0.1)',
-                '&:hover': {
-                  transform: 'scale(1.1)',
-                  transition: 'transform 0.3s ease-in-out',
-                },
-              }}
-          /> */}
-          <div className="flex flex-col items-start ml-0 md:ml-[2vw] max-w-full">
-          <h1 className="text-[2.8rem] md:text-[7rem] font-bold text-center md:text-left text-white [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)]">
-            Hacky Holidays!
-          </h1>
-          <h2 className="text-[0.7rem] md:text-[1.9rem] font-bold text-white [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)] md:-mt-4">
-            Design a PCB holiday decoration this winter, get one shipped!
-          </h2>
-          <a href = "/guide">
-          <button className="mx-auto mb-10 md:mx-0 text-[0.8rem] md:text-[calc(0.6vw+0.6vh)] font-bold text-white bg-[#f76f63] rounded-[2rem] px-4 py-2 md:px-8 md:py-4 mt-4 [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)] text-center align-middle">              <b>&nbsp;Learn to Make a Decoration &nbsp; ➜</b>
-          </button>
-          </a>
+const tipitytopity = () => {
+  const [isClient, setIsClient] = useState(false);
 
-          </div>
-        </div>
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
 
-    )
-}
+  return (
+    <div className="flex flex-col mb-8 md:flex-row items-center justify-center gap-4 pr-0 md:pr-12 w-full mx-auto pt-[10vh] md:pt-0 bg-[url('https://cloud-clj0ujnpv-hack-club-bot.vercel.app/0image.png')] border-b-4 bg-no-repeat bg-center bg-cover sm:h-[120vh] md:h-[95vh]">
+      {isClient && <ModelViewer />}
+      <div className="flex flex-col items-start ml-0 md:ml-[2vw] max-w-full">
+        <h1 className="text-[2.8rem] md:text-[7rem] font-bold text-center md:text-left text-white [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)]">
+          Hacky Holidays!
+        </h1>
+        <h2 className="text-[0.7rem] md:text-[1.9rem] font-bold text-white [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)] md:-mt-4">
+          Design a PCB holiday decoration this winter, get one shipped!
+        </h2>
+        <a href="/guide">
+          <button className="mx-auto mb-10 md:mx-0 text-[0.8rem] md:text-[calc(0.6vw+0.6vh)] font-bold text-white bg-[#f76f63] rounded-[2rem] px-4 py-2 md:px-8 md:py-4 mt-4 [text-shadow:_0_4px_4px_rgb(0_0_0_/_25%)] text-center align-middle">
+            <b>&nbsp;Learn to Make a Decoration &nbsp; ➜</b>
+          </button>
+        </a>
+      </div>
+    </div>
+  );
+};
 
-export default tipitytopity;
+export default tipitytopity;

package.json

@@ -13,13 +13,13 @@
     "@google/model-viewer": "^4.0.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@next/mdx": "^15.1.1",
+    "@next/mdx": "^15.1.2",
     "@react-three/fiber": "^8.17.10",
     "@types/mdx": "^2.0.13",
     "@types/three": "^0.171.0",
     "autoprefixer": "^10.4.20",
     "install": "^0.13.0",
-    "next": "^15.1.1",
+    "next": "^15.1.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-snowfall": "^2.2.0",
@@ -30,10 +30,16 @@
     "@types/node": "^20.17.10",
     "@types/react": "^18.3.17",
     "@types/react-dom": "^18.3.5",
-    "eslint": "^8.57.1",
+    "eslint": "^9.17.0",
     "eslint-config-next": "15.0.3",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2"
+  },
+  "pnpm": {
+  "overrides": {
+    "three": "0.170.0"
   }
 }
+
+}