From bcc88dadbed4d03ba154c6358376f960ddcd4b4f Mon Sep 17 00:00:00 2001
From: bhs <bowenshin@11dims.com>
Date: Fri, 27 Nov 2020 16:34:03 +0900
Subject: [PATCH] Update react version

---
 index.js     | 10 ++++++----
 index.tsx    | 12 +++++++-----
 package.json |  2 +-
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/index.js b/index.js
index 796d258..422b9b1 100644
--- a/index.js
+++ b/index.js
@@ -339,16 +339,18 @@ define("index", ["require", "exports", "react", "react", "react-native", "intern
         onTextChange(text) {
             this.updateMaskedValue(text);
         }
-        componentWillReceiveProps(nextProps, nextContext) {
-            this.userInputProcessorFunction = inputProcessor_1.createInputProcessor(nextProps.mask);
-            this.updateMaskedValue(nextProps.value || "");
+        componentDidUpdate(prevProps, prevState, snapshot) {
+            if (prevProps.mask !== this.props.mask) {
+                this.userInputProcessorFunction = inputProcessor_1.createInputProcessor(this.props.mask);
+            }
+            this.updateMaskedValue(this.props.value || "");
         }
         updateMaskedValue(inputValue) {
             const maskResult = this.userInputProcessorFunction(inputValue, inputProcessor_1.UserInputType.INSERTION);
             const previousValue = this.state.value;
             const currentValue = maskResult.text;
-            this.setState({ value: currentValue });
             if (this.props.onTextChange && currentValue !== previousValue) {
+                this.setState({ value: currentValue });
                 this.props.onTextChange(maskResult.text, maskResult.complete);
             }
         }
diff --git a/index.tsx b/index.tsx
index 4a6d7c0..c898aed 100644
--- a/index.tsx
+++ b/index.tsx
@@ -30,9 +30,11 @@ export default class MaskedInput extends Component<IMaskedInputProps, IMaskedInp
 		this.updateMaskedValue(text);
 	}
 
-	public componentWillReceiveProps(nextProps: Readonly<IMaskedInputProps>, nextContext: any): void {
-		this.userInputProcessorFunction = createInputProcessor(nextProps.mask);
-		this.updateMaskedValue(nextProps.value || "");
+	public componentDidUpdate(prevProps: Readonly<IMaskedInputProps>, prevState: Readonly<IMaskedInputState>, snapshot?: any) {
+	  if (prevProps.mask !== this.props.mask) {
+			this.userInputProcessorFunction = createInputProcessor(this.props.mask);
+		}
+		this.updateMaskedValue(this.props.value || "");
 	}
 
 	private updateMaskedValue(inputValue: string): void {
@@ -40,14 +42,14 @@ export default class MaskedInput extends Component<IMaskedInputProps, IMaskedInp
 		const previousValue = this.state.value;
 		const currentValue = maskResult.text;
 
-		this.setState({ value: currentValue });
 		if (this.props.onTextChange && currentValue !== previousValue) {
+			this.setState({ value: currentValue });
 			this.props.onTextChange(maskResult.text, maskResult.complete);
 		}
 	}
 
 	public render(): ReactNode {
-                let { mask, value, onTextChange, ...attributes } = this.props;
+		let { mask, value, onTextChange, ...attributes } = this.props;
 		return (
 			<TextInput
 				value={this.state.value}
diff --git a/package.json b/package.json
index 36d34d0..3c37a2c 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "test": "jest --coverage"
   },
   "peerDependencies": {
-    "react": "^16.8.6"
+    "react": "^16.13.1"
   },
   "keywords": [
     "react-native",