Mapbox not displaying navigation controls in React
<p>I'm using React.js 15.3.1 and Mapbox GL 0.23.0.</p>

<p>I want to display <a href="https://www.mapbox.com/mapbox-gl-js/example/navigation/" rel="nofollow">navigation controls in my map</a>, but it's not showing up.</p>

<p>Here's my code:</p>

<pre><code>class Home extends Component {
  constructor(props) {
    super(props);

    mapboxgl.accessToken = MAPBOX_TOKEN;
  }

  componentDidMount() {
    const map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/light-v9',
      center: [20, 40],
      zoom: 1.2,
    });

    map.addControl(new mapboxgl.Navigation());
  }

  render() {
    return &lt;div id="map" style={styles} /&gt;;
  }
}
</code></pre>

<p>Thanks!</p>