		/**
		* Based on ReactKonva.js
		* Based on ReactArt.js
		* Copyright (c) 2017-present Lavrenov Anton.
		@@ -10,2 +10,4 @@ * All rights reserved.

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

		function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
		@@ -22,3 +24,2 @@
		var ReactFiberReconciler = require('react-reconciler');
		// const ReactScheduler = require('react-scheduler');
		var ReactDOMFrameScheduling = require('./ReactDOMFrameScheduling');
		@@ -196,3 +197,3 @@ var ReactDOMComponentTree = require('./ReactDOMComponentTree');
		if (!NodeClass) {
		invariant(instance, 'ReactKonva does not support the type "%s"', type);
		invariant(instance, 'ReactKonva does not support the type "%s". If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html', type);
		return;
		@@ -310,3 +311,3 @@ }

		var foundDevTools = KonvaRenderer.injectIntoDevTools({
		KonvaRenderer.injectIntoDevTools({
		findFiberByHostInstance: ReactDOMComponentTree.getClosestInstanceFromNode,
		@@ -327,2 +328,4 @@ bundleType: process.env.NODE_ENV !== 'production' ? 1 : 0,

		module.exports = Object.assign({}, TYPES, { Stage: Stage });
		module.exports = _extends({}, TYPES, {
		Stage: Stage
		});

package.json

		@@ -5,3 +5,3 @@ {
		"description": "React binding to canvas element via Konva framework",
		"version": "1.7.15",
		"version": "1.7.16",
		"keywords": [
		@@ -22,19 +22,18 @@ "react",
		"dependencies": {
		"fbjs": "^0.8.17",
		"react-reconciler": "^0.13.0"
		"fbjs": "^1.0.0",
		"react-reconciler": "^0.15.0"
		},
		"peerDependencies": {
		"react": "16.5.0",
		"konva": "^2.0.0",
		"react-dom": "16.5.0"
		"react": "^16.0.0",
		"konva": "^2.0.0"
		},
		"devDependencies": {
		"chai": "^4.1.2",
		"enzyme": "^3.6.0",
		"enzyme-adapter-react-16": "^1.5.0",
		"konva": "^2.3.0",
		"sinon": "^6.2.0",
		"chai": "^4.2.0",
		"enzyme": "^3.7.0",
		"enzyme-adapter-react-16": "^1.6.0",
		"konva": "^2.4.1",
		"sinon": "^6.3.5",
		"nwb": "^0.23.0",
		"react": "16.5.0",
		"react-dom": "16.5.0"
		"react": "16.5.2",
		"react-dom": "16.5.2"
		},
		@@ -41,0 +40,0 @@ "scripts": {

README.md

		@@ -130,6 +130,6 @@ # React Konva
		// log Konva.Circle instance
		console.log(this.refs.circle);
		console.log(this.circle);
		}
		render() {
		return <Circle ref="circle" radius={50} fill="black" />;
		return <Circle ref={ref => (this.circle = ref)} radius={50} fill="black" />;
		}
		@@ -151,5 +151,5 @@ }
		render() {
		return <Stage ref={ref => { this.stageRef = ref; }} width={300} height={300} />;
		return <Stage ref={ref => (this.stageRef = ref)} width={300} height={300} />;
		}
		}
		```

react-konva - npm Package Compare versions

Improved metrics