Chart doesn't reload when new data is added to it

[erayerdem]

class App extends Component {
  
   state= {
    data : {
      labels: ['A', 'B', 'C'],
      datasets: [
        {
          data: [300, 50, 100],
          backgroundColor: [
            "#FF6384",
            "#36A2EB",
            "#FFCE56"
          ],
          hoverBackgroundColor: [
            "#FF6384",
            "#36A2EB",
            "#FFCE56"
          ]
        }]
    }
   }
  handle =(event)=> {
   let a={...this.state};
   ++a.data.datasets[0].data[0]; 
   this.setState({
     ...a
   }); 
   
  
   event.preventDefault();
  }
  render() {
      
    return (
      <div>
        <div className="buttonlike">       
         <button   onClick={this.handle}>
          Hello World</button>
          </div>
        <div>
          <Chart  type="pie" data={this.state.data} />
        </div>
      </div>
    );
  }
}

export default App;

[mertsincan]

Hi,

Thanks a lot for the sample code. But, next time, please use our codesandbox link to create a test project;
https://codesandbox.io/s/qjx332qq4

[RevanthGovindan]

HI, even there is no data change chart rerenders again and again please resolve this as soon as possible