chart.setSize not working propely?

It is working only on window resize when on div(container) resize the chart is getting resized

From the below code you can check the component of reactgridlayout for draggable but not the chart in the paper. on window resize its working fine i need with div resize(on draf of paper component).

  onLayoutChange(layout) {
   console.log(layout);
   //chart.setSize(null, null);
   }

_loadSavedChart(){
   return (
      <ResponsiveReactGridLayout layouts={this.state.layout} 
        onLayoutChange={this.onLayoutChange}
        className={this.state.className}            
        rowHeight={this.state.rowHeight}
        cols={this.state.cols}
        initialLayout= {this.state.layout}
        initialWidth={this.state.initialWidth}
        width={this.state.width}
        verticalCompact={false}
        listenToWindowResize={false}
        currentBreakpoint= 'sm'
        >
      {this.state.savedChartinDashboard.map((data, i) => 
      <Paper key={i} className="c3chart" style={style.chartPaperStyle} zDepth={1}>{this._renderChart(data)}
      </Paper>
      )} 
    </ResponsiveReactGridLayout> )
  }

I need to make use of this in react component instead of in jquery.I have a layout Change how to make use of this in that.

$('#resizer').resizable({
// On resize, set the chart size to that of the
// resizer minus padding. If your chart has a lot of data or other
// content, the redrawing might be slow. In that case, we recommend
// that you use the 'stop' event instead of 'resize'.
resize: function () {
    chart.setSize(
        this.offsetWidth - 20,
        this.offsetHeight - 20,
        false
    );
}

});