Merge pull request #53 from sgratzl/sgratzl/react_ref

use React refs All tests passed here and in dash-cytoscape, merging#53

Author: kinimesi

package.json

@@ -31,8 +31,7 @@
     "demo": "cross-env NODE_ENV=development webpack-serve webpack.config.js --open --open-path demo.html"
   },
   "peerDependencies": {
-    "react": ">=15.0.0",
-    "react-dom": ">=15.0.0"
+    "react": ">=15.0.0"
   },
   "devDependencies": {
     "babel-core": "^6.26.0",

src/component.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { types } from './types';
 import { defaults } from './defaults';
 import Cytoscape from 'cytoscape';
@@ -41,10 +40,11 @@ export default class CytoscapeComponent extends React.Component {
   constructor(props) {
     super(props);
     this.displayName = `CytoscapeComponent`;
+    this.containerRef = React.createRef();
   }
 
   componentDidMount() {
-    const container = ReactDOM.findDOMNode(this);
+    const container = this.containerRef.current;
 
     const {
       global,
@@ -100,6 +100,7 @@ export default class CytoscapeComponent extends React.Component {
     const { id, className, style } = this.props;
 
     return React.createElement('div', {
+      ref: this.containerRef,
       id,
       className,
       style