update pay function

boilerplate-chakra-pro-main/components/charts/BarChart/index.tsx

@@ -0,0 +1,23 @@
+'use client';
+import dynamic from 'next/dynamic';
+// import Chart from 'react-apexcharts';
+const Chart = dynamic(() => import('react-apexcharts'), {
+  ssr: false
+});
+
+const BarChart = (props) => {
+  const { chartData, chartOptions } = props;
+
+  return (
+    // @ts-ignore
+    <Chart
+      options={chartOptions}
+      type="bar"
+      width="100%"
+      height="100%"
+      series={chartData}
+    />
+  );
+};
+
+export default BarChart;