Migrating from React.createClass

lib/Canvas.js

@@ -1,16 +1,19 @@
 'use strict';
 
 var React = require('react');
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
+
 var {
     View,
     WebView
 } = require('react-native');
 
-var Canvas = React.createClass({
+var Canvas = createReactClass({
     propTypes: {
-        style: React.PropTypes.object,
+        style: PropTypes.object,
-        context: React.PropTypes.object,
+        context: PropTypes.object,
-        render: React.PropTypes.func.isRequired
+        render: PropTypes.func.isRequired
     },
 
     render() {

lib/QRCode.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var React = require('react');
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 var Canvas = require('./Canvas.js');
 var qr = require('qr.js');
 var {
@@ -45,12 +47,12 @@ function renderCanvas(canvas) {
     });
 }
 
-var QRCode = React.createClass({
+var QRCode = createReactClass({
     PropTypes: {
-        value: React.PropTypes.string,
+        value: PropTypes.string,
-        size: React.PropTypes.number,
+        size: PropTypes.number,
-        bgColor: React.PropTypes.string,
+        bgColor: PropTypes.string,
-        fgColor: React.PropTypes.string,
+        fgColor: PropTypes.string,
     },
 
     getDefaultProps: function() {
@@ -104,4 +106,4 @@ var QRCode = React.createClass({
 });
 
 
-module.exports = QRCode;
+module.exports = QRCode;

package.json

@@ -18,6 +18,8 @@
   },
   "homepage": "https://github.com/cssivision/react-native-qrcode#readme",
   "dependencies": {
+    "create-react-class": "^15.6.0",
+    "prop-types": "^15.5.10",
     "qr.js": "0.0.0"
   }
 }