refactor(hooks): create used3zoom hook

example/SimpleGraph.js

@@ -97,13 +97,6 @@ class App extends PureComponent {
     });
   }
 
-  onChange(elements) {
-    if (!this.graphInstance) {
-      return false;
-    }
-    // console.log('graph changed', elements);
-  }
-
   onFitView() {
     this.graphInstance.fitView();
   }
@@ -155,7 +148,6 @@ class App extends PureComponent {
         onNodeDragStop={onNodeDragStop}
         style={{ width: '100%', height: '100%' }}
         onLoad={graphInstance => this.onLoad(graphInstance)}
-        onChange={(elements) => this.onChange(elements)}
         nodeTypes={{
           special: SpecialNode,
           text: InputNode

example/build/index.js

@@ -212,7 +212,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "56024" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "65263" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};