fix(build): Client build error due to missing Suspense

Vizzuality · Nov 6, 2024 · 50d20e7 · 50d20e7
1 parent 481ac79
commit 50d20e7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
@@ -1,5 +1,6 @@
 import { Metadata } from "next";
 import dynamic from "next/dynamic";
+import { Suspense } from "react";
 
 import Navigation from "@/components/navigation";
 import { SidebarProvider } from "@/components/ui/sidebar";
@@ -19,8 +20,10 @@ export default function Home() {
   return (
     <main className="h-svh w-svw">
       <SidebarProvider className="flex h-full w-full flex-col-reverse xl:block">
-        <Navigation />
-        <Map />
+        <Suspense>
+          <Navigation />
+          <Map />
+        </Suspense>
       </SidebarProvider>
     </main>
   );

diff --git a/client/src/components/ui/collapsible.tsx b/client/src/components/ui/collapsible.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import React from "react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";