Migrate from React.createClass to create-react-class

christianalfoni · Jun 16, 2017 · 7dc68fc · 7dc68fc
1 parent a20da5b
commit 7dc68fc
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "formsy-react",
-  "version": "0.19.3",
+  "version": "0.19.4",
   "description": "A form input builder and validator for React JS",
   "repository": {
     "type": "git",
@@ -31,6 +31,7 @@
     "babel-preset-es2015": "^6.6.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-2": "^6.5.0",
+    "create-react-class": "^15.6.0",
     "jsdom": "^6.5.1",
     "nodeunit": "^0.9.1",
     "prop-types": "^15.5.10",

diff --git a/release/formsy-react.js b/release/formsy-react.js
diff --git a/release/formsy-react.js.map b/release/formsy-react.js.map
diff --git a/src/Decorator.js b/src/Decorator.js
@@ -1,8 +1,9 @@
 var React = global.React || require('react');
+var createReactClass = require('create-react-class');
 var Mixin = require('./Mixin.js');
 module.exports = function () {
   return function (Component) {
-    return React.createClass({
+    return createReactClass({
       mixins: [Mixin],
       render: function () {
         return React.createElement(Component, {

diff --git a/src/HOC.js b/src/HOC.js
@@ -1,7 +1,8 @@
 var React = global.React || require('react');
+var createReactClass = require('create-react-class');
 var Mixin = require('./Mixin.js');
 module.exports = function (Component) {
-  return React.createClass({
+  return createReactClass({
     displayName: 'Formsy(' + getDisplayName(Component) + ')',
     mixins: [Mixin],
 

diff --git a/src/main.js b/src/main.js
@@ -1,5 +1,6 @@
 var PropTypes = require('prop-types');
 var React = global.React || require('react');
+var createReactClass = require('create-react-class');
 var Formsy = {};
 var validationRules = require('./validationRules.js');
 var formDataToObject = require('form-data-to-object');
@@ -22,7 +23,7 @@ Formsy.addValidationRule = function (name, func) {
   validationRules[name] = func;
 };
 
-Formsy.Form = React.createClass({
+Formsy.Form = createReactClass({
   displayName: 'Formsy',
   getInitialState: function () {
     return {