componentWillReceiveProps is deprecated and will be removed in the next major version of RN

Feature Request

Use static getDerivedStateFromProps instead of componentWillReceiveProps.

Why it is needed

componentWillReceiveProps is deprecated and will be removed in the next major version of React Native.

Possible implementation

Replace the function.

[ankorGH]

@andraderaul #141 is not released. Sharing my current solution till it is released. 1.

yarn add patch-package postinstall-postinstall

1. Update package.json

 "scripts": {
  "postinstall": "patch-package"
 }

1. Create a folder called patches and inside it create a file called react-native-text-input-mask+2.0.0.patch
2. Place the code below

diff --git a/node_modules/react-native-text-input-mask/index.js b/node_modules/react-native-text-input-mask/index.js
index 408edad..93388e9 100644
--- a/node_modules/react-native-text-input-mask/index.js
+++ b/node_modules/react-native-text-input-mask/index.js
@@ -34,15 +34,15 @@ export default class TextInputMask extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.mask && (this.props.value !== nextProps.value)) {
-      mask(this.props.mask, '' + nextProps.value, text =>
+  componentDidUpdate(prevProps) {
+    if (this.props.mask && (prevProps.value !== this.props.value)) {
+      mask(prevProps.mask, '' + this.props.value, text =>
       this.input && this.input.setNativeProps({ text })
       );
     }
 
-    if (this.props.mask !== nextProps.mask) {
-      setMask(findNodeHandle(this.input), nextProps.mask)
+    if (prevProps.mask !== this.props.mask) {
+      setMask(findNodeHandle(this.input), this.props.mask)
     }
   }

1. run yarn

[iagormoraes]

@iagormoraes can you please mention it here, if you have finished the merge request 142 and when it will be released

I updated the merge conflict on #142, for the temporary fix use my branch as package source on package.json:

"react-native-text-input-mask": "https://github.com/iagormoraes/react-native-text-input-mask"

EDIT: it seems #141 was merged with the fixes.