@@ -2918,6 +2918,8 @@ var ChartComponent = function (_React$Component) {
29182918 getElementAtEvent && getElementAtEvent ( instance . getElementAtEvent ( event ) , event ) ;
29192919 getElementsAtEvent && getElementsAtEvent ( instance . getElementsAtEvent ( event ) , event ) ;
29202920 onElementsClick && onElementsClick ( instance . getElementsAtEvent ( event ) , event ) ; // Backward compatibility
2921+ } , _this . ref = function ( element ) {
2922+ _this . element = element ;
29212923 } , _temp ) , _possibleConstructorReturn ( _this , _ret ) ;
29222924 }
29232925
@@ -2994,7 +2996,7 @@ var ChartComponent = function (_React$Component) {
29942996 var data = props . data ;
29952997
29962998 if ( typeof data == 'function' ) {
2997- var node = _reactDom2 . default . findDOMNode ( this ) ;
2999+ var node = this . element ;
29983000 return data ( node ) ;
29993001 } else {
30003002 return data ;
@@ -3104,7 +3106,7 @@ var ChartComponent = function (_React$Component) {
31043106 redraw = _props2 . redraw ,
31053107 plugins = _props2 . plugins ;
31063108
3107- var node = _reactDom2 . default . findDOMNode ( this ) ;
3109+ var node = this . element ;
31083110 var data = this . memoizeDataProps ( ) ;
31093111
31103112 this . chart_instance = new _chart2 . default ( node , {
@@ -3124,6 +3126,7 @@ var ChartComponent = function (_React$Component) {
31243126
31253127
31263128 return _react2 . default . createElement ( 'canvas' , {
3129+ ref : this . ref ,
31273130 height : height ,
31283131 width : width ,
31293132 onClick : this . handleOnClick
0 commit comments