Dynamic rendering Map.tsx

openaccesstoimmigrants · Dec 8, 2023 · 5d09fba · 5d09fba
1 parent 1e0f871
commit 5d09fba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 117 deletions.
diff --git a/empower-italy/app/page.tsx b/empower-italy/app/page.tsx
@@ -1,3 +1,4 @@
+import dynamic from "next/dynamic";
 import Hero from "@/components/Hero";
 import { HERO_DATA } from "@/app/lib/data"
 import Intro from "@/components/Intro";
@@ -8,10 +9,14 @@ import NumbersAge from "@/components/NumbersAge";
 import Conclusions from "@/components/Conclusions";
 import MashUp from "@/components/MashUp";
 import OccupationBarChart from "@/components/OccupationBarChart";
-import Map from "@/components/Map";
+// import Map from "@/components/Map";
 import Countries from "@/components/Countries";
 
 
+const DynamicMap = dynamic(() => import("@/components/Map"), {
+  ssr: false,
+});
+
 
 export default function Home() {
 
@@ -27,7 +32,7 @@ export default function Home() {
             <article className="max-w-7xl m-auto animate-fade-in-down">
                 <div className="grid grid-cols-12 gap-6 h-full">
                   <Countries />
-                  <Map />
+                  <DynamicMap />
                 </div>
             </article>
         </section>

diff --git a/empower-italy/components/BubbleChartMashUp.tsx b/empower-italy/components/BubbleChartMashUp.tsx