add suspense block

theopensystemslab · Dec 13, 2024 · 2258e54 · 2258e54
1 parent f20ed60
commit 2258e54
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,8 +1,12 @@
 import CalculatorInput from "./components/ui/CalculatorInput";
+import { ClipLoader } from "react-spinners";
+import { Suspense } from "react";
 export default function Home() {
   return (
     <main>
-      <CalculatorInput />
+      <Suspense fallback={<ClipLoader />}>
+        <CalculatorInput />
+      </Suspense>
     </main>
   );
 }