title: creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
body: <p>I'm trying to create a bar chart with Highcharts in my web application, which uses React on the front end. Below is a snippet of my dashboard.tsx file, where I basically just copied and pasted the code from a JSFiddle 
  (<a href="http://jsfiddle.net/8qjcz4q0/" rel="nofollow noreferrer">http://jsfiddle.net/8qjcz4q0/</a>)
  that renders a simple bar chart with Highcharts, but for some reason it's not working and I get an error in my console (Highcharts error #13) that the rendering div isn't showing.</p>
  
  <pre><code> import * as React from "react";
   import * as ReactDOM from "react-dom";
   import * as Highcharts from "highcharts";
  
   Highcharts.chart('container', {
     chart: {
      type: 'column'
     },
    title: {
      text: 'World\'s largest cities per 2014'
     },
   subtitle: {
      text: 'Source: Wikipedia'
    },
    xAxis: {
      type: 'category',
      labels: {
          rotation: -45,
          style: {
              fontSize: '13px',
              fontFamily: 'Verdana, sans-serif'
          }
        }
     },
     yAxis: {
      min: 0,
      title: {
          text: 'Population (millions)'
      }
     },
  legend: {
      enabled: false
  },
  tooltip: {
      pointFormat: 'Population in 2008: &lt;b&gt;{point.y:.1f} millions&lt;/b&gt;'
  },
  series: [{
      name: 'Population',
      data: [
          ['Shanghai', 23.7],
          ['Lagos', 16.1],
          ['Istanbul', 14.2],
          ['Karachi', 14.0],
          ['Mumbai', 12.5],
          ['Moscow', 12.1],
          ['São Paulo', 11.8],
          ['Beijing', 11.7],
          ['Guangzhou', 11.1],
          ['Delhi', 11.1],
          ['Shenzhen', 10.5],
          ['Seoul', 10.4],
          ['Jakarta', 10.0],
          ['Kinshasa', 9.3],
          ['Tianjin', 9.3],
          ['Tokyo', 9.0],
          ['Cairo', 8.9],
          ['Dhaka', 8.9],
          ['Mexico City', 8.9],
          ['Lima', 8.9]
      ],
  
   }]
  });
  render() {
       return ( &lt;div&gt;
          &lt;div id="container"&gt;&lt;/div&gt;
          &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>My suspicion is that the HTML id attribute doesn't work with React, but I don't know if Highcharts can render to class instead of id.</p>