Use react-lifecycles-compat polyfill (#4079)

redux-form · Jun 15, 2018 · 07d07a0 · 07d07a0
1 parent 6a5aa7c
commit 07d07a0
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -66,7 +66,8 @@
     "is-promise": "^2.1.0",
     "lodash": "^4.17.10",
     "lodash-es": "^4.17.10",
-    "prop-types": "^15.6.1"
+    "prop-types": "^15.6.1",
+    "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",

diff --git a/src/Form.js b/src/Form.js
@@ -1,5 +1,6 @@
 // @flow
 import React, { Component } from 'react'
+import { polyfill } from 'react-lifecycles-compat'
 import PropTypes from 'prop-types'
 import type { ReactContext } from './types'
 
@@ -35,4 +36,5 @@ Form.contextTypes = {
   _reduxForm: PropTypes.object
 }
 
+polyfill(Form)
 export default Form
diff --git a/src/createField.js b/src/createField.js
@@ -1,5 +1,6 @@
 // @flow
 import React, { Component, createElement } from 'react'
+import { polyfill } from 'react-lifecycles-compat'
 import PropTypes from 'prop-types'
 import invariant from 'invariant'
 import createConnectedField from './ConnectedField'
@@ -155,6 +156,7 @@ const createField = (structure: Structure<*, *>) => {
     _reduxForm: PropTypes.object
   }
 
+  polyfill(Field)
   return Field
 }
 

diff --git a/src/createFieldArray.js b/src/createFieldArray.js
@@ -1,5 +1,6 @@
 // @flow
 import React, { Component, createElement } from 'react'
+import { polyfill } from 'react-lifecycles-compat'
 import PropTypes from 'prop-types'
 import invariant from 'invariant'
 import createConnectedFieldArray from './ConnectedFieldArray'
@@ -133,6 +134,7 @@ const createFieldArray = (structure: Structure<*, *>) => {
     _reduxForm: PropTypes.object
   }
 
+  polyfill(FieldArray)
   return FieldArray
 }
 

diff --git a/src/createFields.js b/src/createFields.js
@@ -1,5 +1,6 @@
 // @flow
 import { Component, createElement } from 'react'
+import { polyfill } from 'react-lifecycles-compat'
 import PropTypes from 'prop-types'
 import invariant from 'invariant'
 import createConnectedFields from './ConnectedFields'
@@ -124,6 +125,7 @@ const createFields = (structure: Structure<*, *>) => {
     _reduxForm: PropTypes.object
   }
 
+  polyfill(Fields)
   return Fields
 }
 

diff --git a/src/createReduxForm.js b/src/createReduxForm.js
@@ -1,5 +1,6 @@
 // @flow
 import * as React from 'react'
+import { polyfill } from 'react-lifecycles-compat'
 import hoistStatics from 'hoist-non-react-statics'
 import invariant from 'invariant'
 import isPromise from 'is-promise'
@@ -1157,6 +1158,7 @@ const createReduxForm = (structure: Structure<*, *>) => {
         }
       }
 
+      polyfill(ReduxForm)
       return hoistStatics(ReduxForm, WrappedComponent)
     }
   }