Merge pull request #663 from CodeForAfrica/dependabot/npm_and_yarn/ni…

…vo/pie-0.84.0

Bump @nivo/pie from 0.80.0 to 0.84.0

apps/charterafrica/package.json

@@ -48,7 +48,7 @@
     "@mui/utils": "^5.14.20",
     "@next/env": "^14.0.3",
     "@nivo/core": "^0.80.0",
-    "@nivo/pie": "^0.80.0",
+    "@nivo/pie": "^0.84.0",
     "@nivo/tooltip": "^0.80.0",
     "@nivo/waffle": "^0.80.0",
     "@payloadcms/plugin-cloud-storage": "^1.1.1",

apps/charterafrica/src/components/Ecosystem/Chart.js

@@ -1,8 +1,17 @@
 /* eslint-env browser */
 import { Box, useTheme, useMediaQuery } from "@mui/material";
+import dynamic from "next/dynamic";
 import React, { useEffect, useState } from "react";
 
-import { Pie, Waffle } from "@/charterafrica/components/Charts";
+const Pie = dynamic(() => import("@/charterafrica/components/Charts/Pie"), {
+  ssr: false,
+});
+const Waffle = dynamic(
+  () => import("@/charterafrica/components/Charts/Waffle"),
+  {
+    ssr: false,
+  },
+);
 
 const Chart = React.forwardRef(function Chart(props, ref) {
   const { data, ...other } = props;

apps/charterafrica/src/components/Ecosystem/Ecosystem.snap.js

@@ -26,18 +26,10 @@ exports[`<Ecosystem /> renders unchanged 1`] = `
         >
           <div
             class="MuiBox-root css-ii4xwr"
-          >
-            <div
-              style="width: 100%; height: 100%;"
-            />
-          </div>
+          />
           <div
             class="MuiBox-root css-qrdm0d"
-          >
-            <div
-              style="width: 100%; height: 100%;"
-            />
-          </div>
+          />
           <div
             class="MuiBox-root css-kx5zyc"
           >