From 719fbc75b287916c429c021ad94a7e35c4ff805e Mon Sep 17 00:00:00 2001
From: BrightTheBackpack <100brightli@gmail.com>
Date: Fri, 29 Nov 2024 15:28:23 -0800
Subject: [PATCH] dynamic import

---
 app/page.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index c888f5b..a4b65b3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,7 +5,7 @@
 import { keyframes } from '@emotion/react'
 // import '@google/model-viewer';
 // import Script from 'next/script';
-
+import { useEffect } from 'react';
  
 // import Image from "next/image";
 import {
@@ -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'
           }}
           >
-                        { typeof window !=='undefined' && <ModelViewer/>}
-{/* 
+        {typeof window !== 'undefined' && <ModelViewer />}
+        {/* 
             <Image 
                 src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" 
                 alt="Example PCB!"