Forever rendering about react-google-charts HOT 6 CLOSED

import React from 'react';
import { withRouter } from 'react-router';
import { Chart } from 'react-google-charts'

import Topbar from '../../base/Topbar';
import Loading from '../../base/Loading';
import WizardNavigation from '../../misc/WizardNavigation';
import StatBlock from '../../story-forms/analyse/StatBlock';

class AnalyseView extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      options: {
        title: 'Age vs. Weight comparison',
        hAxis: {title: 'Age', minValue: 0, maxValue: 15},
        vAxis: {title: 'Weight', minValue: 0, maxValue: 15},
        legend: 'none'
      },
      rows: [
        [8, 12],
        [4, 5.5],
        [11, 14],
        [4, 5],
        [3, 3.5],
        [6.5, 7]
      ],
      columns: [
        {
          'type': 'number',
          'label' : 'Age'
        },
        {
          'type' : 'number',
          'label' : 'Weight'
        }
      ]
    }
  }

  render() {
    const { loading, params } = this.props;

    if (loading) {
      return <Loading />;
    }

    return (
      <div >
        <Topbar category="Campaigns" title="Story Book Analytics" />

        <div className="panel">
          <div className="stat-blocks">
            <StatBlock
              number={19}
              title="Today's views"
              type="today-views"
            />
            <StatBlock
              number={19}
              title="Week's views"
              type="week-views"
            />
            <StatBlock
              number={19}
              title="Month's views"
              type="month-views"
            />
            <StatBlock
              number={19}
              title="Total views"
              type="total-views"
            />
          </div>

          <Chart
            chartType="ScatterChart"
            rows={this.state.rows}
            columns={this.state.columns}
            options={this.state.options}
            loader={<Loading />}
            graph_id="ScatterChart"
            width={"100%"}
            height={"400px"}
          />

        </div>

        <WizardNavigation
          backLink={`/campaigns/story-books/${params.bookId}/share`}
          bookId={params.bookId}
          current="analyse"
        />
      </div>
    );
  }
}

AnalyseView.propTypes = {
  loading: React.PropTypes.bool.isRequired,
  params: React.PropTypes.object.isRequired
};

export default withRouter(AnalyseView);