Merge pull request #1 from BrightTheBackpack/main

fix vercel
Scott170c · Nov 29, 2024 · 6696d94 · 6696d94
2 parents 4124477 + 719fbc7
commit 6696d94
Show file tree

Hide file tree

Showing 5 changed files with 5,023 additions and 335 deletions.
diff --git a/app/_app.js b/app/_app.js
diff --git a/app/page.tsx b/app/page.tsx
@@ -3,9 +3,9 @@
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { keyframes } from '@emotion/react'
-import '@google/model-viewer';
-import Script from 'next/script';
-
+// import '@google/model-viewer';
+// import Script from 'next/script';
+import { useEffect } from 'react';
 
 // import Image from "next/image";
 import {
@@ -19,7 +19,7 @@ import {
 import dynamic from 'next/dynamic';
 
 // const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false });
-import ModelViewer from './ModelViewer.js';
+const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false });
 
 const fall = (  rotationDirection: number) => keyframes`
   from {
@@ -30,7 +30,11 @@ const fall = (  rotationDirection: number) => keyframes`
   }
 `;
 export default function Home() {
-
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      import('@google/model-viewer');
+    }
+  }, []);
   return (
   <Grid gap = {0} sx={{
     backgroundImage: 'linear-gradient(to bottom, #25A8FF, #DCF1FF)', 
@@ -115,8 +119,8 @@ export default function Home() {
             // height: '65vh'
           }}
           >
-                        <ModelViewer/>
-{/* 
+        {typeof window !== 'undefined' && <ModelViewer />}
+        {/* 
             <Image 
                 src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" 
                 alt="Example PCB!"