title: Cannot use Highchart Histogram in React
body: <p>I am working on some charts of Highchart and all of them are OK.
  But Today I want to create new Histogram chart and show in my dashboard But I have problem to use Highchart imports and dependencies.</p>
  <p>I reviewed some sample such as :
  <a href="https://codesandbox.io/s/bellcurve-react-highcharts-q4cxg?file=/src/index.js:61-108" rel="nofollow noreferrer">https://codesandbox.io/s/bellcurve-react-highcharts-q4cxg?file=/src/index.js:61-108</a></p>
  <p>Mentioned sample was worked on codesandbox but I cannot use it in my project</p>
  <p>Error Details:</p>
  <p>TypeError: Cannot read property 'seriesType' of undefined</p>
  <p>And My code is as below:</p>
  <pre><code>import React, { Component } from 'react';
  
  import Highcharts from &quot;highcharts&quot;;
  import HighchartsReact from &quot;highcharts-react-official&quot;;
  
  import bellCurve from &quot;highcharts/modules/histogram-bellcurve&quot;; //module
  bellCurve(Highcharts); //init module
  
  
  class UvChart3 extends Component {
      constructor(props) {
          super(props);
  
          this.state = {
              config: {
                  title: {
                      text: null
                  },
  
                  legend: {
                      enabled: false
                  },
  
                  xAxis: [
                      {
                          title: {
                              text: &quot;Data&quot;
                          },
                          visible: false
                      },
                      {
                          title: {
                              text: &quot;Bell curve&quot;
                          },
                          opposite: true,
                          visible: false
                      }
                  ],
  
                  yAxis: [
                      {
                          title: {
                              text: &quot;Data&quot;
                          },
                          visible: false
                      },
                      {
                          title: {
                              text: &quot;Bell curve&quot;
                          },
                          opposite: true,
                          visible: false
                      }
                  ],
  
                  series: [
                      {
                          name: &quot;Bell curve&quot;,
                          type: &quot;bellcurve&quot;,
                          xAxis: 1,
                          yAxis: 1,
                          intervals: 4,
                          baseSeries: 1,
                          zIndex: -1,
                          marker: {
                              enabled: true
                          }
                      },
                      {
                          name: &quot;Data&quot;,
                          type: &quot;scatter&quot;,
                          data: [
                              0.0,
                              10.0,
  
  
                          ],
                          visible: false,
                          marker: {
                              radius: 1.5
                          }
                      }
                  ]
              }
          };
      }
      render() {
          return (
              &lt;HighchartsReact
                  constructorType={&quot;chart&quot;}
                  ref={this.chartComponent}
                  highcharts={Highcharts}
                  options={this.state.config}
              /&gt;
          );
      }
  }
  
  export default UvChart3;
  </code></pre>
  <p>Would you please help me?</p>