Barchart invalid chartData and chartOptions bug.

[JohannesPosch]

I found a bug with the current version of the dashboard which is the default chartData and/or chartOptions for the BarChart.
The error can be obtained from the picture

[JohannesPosch]

The solution, that I found therefore is to define the default values used by the chart.
I hope this helps.
file: src/examples/Charts/BarCharts/BarChart.js

/*!

=========================================================
* Vision UI Free React - v1.0.0
=========================================================

* Product Page: https://www.creative-tim.com/product/vision-ui-free-react
* Copyright 2021 Creative Tim (https://www.creative-tim.com/)
* Licensed under MIT (https://github.com/creativetimofficial/vision-ui-free-react/blob/master LICENSE.md)

* Design and Coded by Simmmple & Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*/

import React, { Component } from "react";
import Chart from "react-apexcharts";

class BarChart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      chartData: [{ name: "Series", data: [] }], // <--- Change this line
      chartOptions: { xaxis: { categories: [] }, chart: {} }, // <--- Change this line
    };
  }

  componentDidMount() {
    const { barChartData, barChartOptions } = this.props;

    this.setState({
      chartData: barChartData,
      chartOptions: barChartOptions,
    });
  }

  render() {
    return (
      <Chart
        options={this.state.chartOptions}
        series={this.state.chartData}
        type="bar"
        width="100%"
        height="100%"
      />
    );
  }
}

export default BarChart;