chore: fix deployment issue

isd-sgcu · Mar 26, 2024 · 815a829 · 815a829
1 parent f00ffdd
commit 815a829
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    experimental: {
+        missingSuspenseWithCSRBailout: false,
+    },
+};
 
 export default nextConfig;
diff --git a/apps/web/src/app/shake/page.tsx b/apps/web/src/app/shake/page.tsx
@@ -6,6 +6,7 @@ import { peekTime, resetTime, tickTime } from "@/utils/timeCounter";
 import { getMobileOperatingSystem } from "@/utils/getMobileOperatingSystem";
 import ShakeComponent from './components/Shake';
 import { useSearchParams } from "next/navigation";
+import { Suspense } from 'react';
 
 let shaking: { x: number; y: number; z: number } | undefined;
 
@@ -112,7 +113,9 @@ export default function Shake() {
 
     return (
         <div>
-            <ShakeComponent university={university} count={count} onClick={handleRequestMotion}/>
+            <Suspense fallback={<div>Loading...</div>}>
+                <ShakeComponent university={university} count={count} onClick={handleRequestMotion}/>
+            </Suspense>
         </div>
     );
 }