fix error import apexchart

components/Riwayat/ChartDataBar.js

@@ -2,7 +2,8 @@ import React, { Component } from "react";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
 import { Container, Row, Col, Card, CardHeader, CardBody } from "reactstrap";
 
-import ReactApexChart from "react-apexcharts";
+import dynamic from "next/dynamic";
+const ReactApexChart = dynamic(() => import("react-apexcharts"), { ssr: false });
 
 class ChartDataBar extends React.Component {
   constructor(props) {

components/Riwayat/TableRiwayat.js

@@ -110,7 +110,6 @@ class TableRiwayat extends Component {
 							columns={this._columns}
 							rowGetter={this.rowGetter}
 							rowsCount={this.state.rows.length}
-							// minHeight={0}
 						/>
 					)}
 				</Container>

pages/app/riwayat/index.js

@@ -10,8 +10,8 @@ import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
 import Router from "next/router";
 import TableRiwayat from "@/components/Riwayat/TableRiwayat";
-import ChartData from "../../../components/Riwayat/ChartData";
-import ChartDataBar from "../../../components/Riwayat/ChartDataBar";
+import ChartData from "@/components/Riwayat/ChartData";
+import ChartDataBar from "@/components/Riwayat/ChartDataBar";
 
 class Riwayat extends Component {
   render() {
@@ -21,9 +21,6 @@ class Riwayat extends Component {
           <span className="font-color-white">Riwayat</span>
         </div>
         <Row>
-          {/* <Col lg="4">
-                <CaseProgress />
-            </Col> */}
           <Col lg="6">
             <ChartDataBar />
           </Col>