Chart.js

import React, { Component } from 'react';
import HighCharts from 'highcharts';

export default class Chart extends Component {
  componentDidMount() {
    if (this.props.modules) {
      this.props.modules.forEach(module => {
        module(HighCharts);
      });
    }
    HighCharts.setOptions({
      global: {
        useUTC: false,
      }
    });
    this.chart = new HighCharts[this.props.type || "Chart"](
      this.props.container,
      this.props.options,
    );
  }

  shouldComponentUpdate(nextProps) {
    this.chart.update(nextProps.options);
    return false;
  }

  componentWillUnmount() {
    this.chart.destroy();
  }

  render() {
    return (
      <div id={this.props.container} />
    );
  }
}