title: react-apexcharts / chart not visible
body: <p>I'm trying to render a basic bar charts with react-apexcharts but I can't display it for some reason.</p>
  <p>I started with the example given in the documentation aka</p>
  <pre><code>const CustomChart: React.FC = () =&gt; {
      const [data, setData] = useState({
      options: {
          chart: {
              id: 'apexchart-example'
          },
          xaxis: {
              categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
          }
      },
      series: [{
          name: 'series-1',
          data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
      }]
  });
  
  return (
      &lt;Chart
          options={data.options}
          series={data.series}
          type='bar'
          width={500}
      /&gt;
  );
  </code></pre>
  <p>It renders something as I can check in the inspector that there is data &amp; I can actually download the chart with the options given by react-apexcharts (we can see the menu with these options on the image I shared).</p>
  <p><a href="https://i.stack.imgur.com/YWtzs.png" rel="nofollow noreferrer">chart is invisible</a></p>
  <p>As for the rendering, nothing fancy I just import and render in my page the CustomChart component I've created...</p>
  <p>I checked the documentation similar issues but didnt find anything. I'm working with :</p>
  <ul>
  <li>&quot;react-apexcharts&quot;: &quot;^1.4.0&quot;,</li>
  <li>&quot;react&quot;: &quot;^17.0.2&quot;,</li>
  <li>&quot;apexcharts&quot;: &quot;^3.35.3&quot;,</li>
  </ul>
  <p>Thanks for the help</p>