React 0.14

lib/core.js

@@ -1,3 +1,6 @@
+var React = require('react');
+var ReactDOM = require('react-dom');
+
 module.exports = {
   createClass: function(chartType, methodNames, dataKey) {
     var classData = {
@@ -50,7 +53,7 @@ module.exports = {
 
     classData.initializeChart = function(nextProps) {
       var Chart = require('chart.js');
-      var el = this.getDOMNode();
+      var el = ReactDOM.findDOMNode(this);
       var ctx = el.getContext("2d");
       var chart = new Chart(ctx)[chartType](nextProps.data, nextProps.options || {});
       this.state.chart = chart;
@@ -63,7 +66,7 @@ module.exports = {
 
     // return the canvass element that contains the chart
     classData.getCanvass = function() {
-      return this.refs.canvass.getDOMNode();
+      return this.refs.canvass;
     };
 
     classData.getCanvas = classData.getCanvass;
@@ -76,7 +79,6 @@ module.exports = {
       extra(methodNames[i]);
     }
 
-    var React = require('react');
     return React.createClass(classData);
   }
 };
@@ -121,4 +123,3 @@ var addData = function(nextProps, chart, setIndex, pointIndex) {
   });
   chart.addData(values, nextProps.data.labels[setIndex]);
 };
-

package.json

@@ -28,6 +28,7 @@
   "homepage": "https://github.com/jhudson8/react-chartjs",
   "peerDependencies": {
     "react": "*",
+    "react-dom": "*",
     "chart.js": "*"
   },
   "devDependencies": {