Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ViewPropsType deprecated error [fixed] #229

Open
zinlinphyo opened this issue Nov 11, 2022 · 7 comments
Open

ViewPropsType deprecated error [fixed] #229

zinlinphyo opened this issue Nov 11, 2022 · 7 comments

Comments

@zinlinphyo
Copy link

Hi! 馃憢

Firstly, thanks for your work on this project! 馃檪

Today I used patch-package to patch react-native-credit-card-input@0.4.1 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-credit-card-input/src/CCInput.js b/node_modules/react-native-credit-card-input/src/CCInput.js
index dde3aec..62081b4 100644
--- a/node_modules/react-native-credit-card-input/src/CCInput.js
+++ b/node_modules/react-native-credit-card-input/src/CCInput.js
@@ -6,8 +6,8 @@ import {
   TextInput,
   TouchableOpacity,
   StyleSheet,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 const s = StyleSheet.create({
   baseInputStyle: {
@@ -26,8 +26,8 @@ export default class CCInput extends Component {
     status: PropTypes.oneOf(["valid", "invalid", "incomplete"]),
 
     containerStyle: ViewPropTypes.style,
-    inputStyle: Text.propTypes.style,
-    labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,
     placeholderColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/CreditCardInput.js b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
index 44f43c8..db6e0d6 100644
--- a/node_modules/react-native-credit-card-input/src/CreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
@@ -8,8 +8,8 @@ import ReactNative, {
   ScrollView,
   Dimensions,
   TextInput,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 import CreditCard from "./CardView";
 import CCInput from "./CCInput";
@@ -48,8 +48,8 @@ export default class CreditCardInput extends Component {
     labels: PropTypes.object,
     placeholders: PropTypes.object,
 
-    labelStyle: Text.propTypes.style,
-    inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
     inputContainerStyle: ViewPropTypes.style,
 
     validColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
index a5f166b..fb4ad65 100644
--- a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
@@ -72,7 +72,7 @@ export default class LiteCreditCardInput extends Component {
 
     placeholders: PropTypes.object,
 
-    inputStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
 
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,

This issue body was partially generated by patch-package.
@zinlinphyo zinlinphyo changed the title ViewPropsType deprecated error ViewPropsType deprecated error [fixed] Nov 11, 2022
@hayalpc
Copy link

hayalpc commented Nov 18, 2022

Hi, After update, it goes to old version when i use yarn or npm install. How can i keep new updated files?

@ckOfor
Copy link

ckOfor commented Nov 27, 2022 •
edited

Fix!

  1. Run yarn add patch-package postinstall-postinstall && yarn add deprecated-react-native-prop-types
  2. Add this script command to package.json "scripts": { "postinstall": "patch-package" }
  3. Open node_modules/react-native-credit-card-input/src/CCInput.js and remove ViewPropTypes, from line 9
  4. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 10
  5. Comment out lines 29 and 30 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  6. Open node_modules/react-native-credit-card-input/src/CreditCardInput.js and remove ViewPropTypes, from line 11
  7. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 12
  8. Comment out lines 51 and 52 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  9. Open node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
    and comment out line 75 // inputStyle: Text.propTypes.style,
  10. Run yarn patch-package react-native-credit-card-input

You should have a folder /patches/react-native-credit-card-input+0.4.1.patch

index dde3aec..62081b4 100644
--- a/node_modules/react-native-credit-card-input/src/CCInput.js
+++ b/node_modules/react-native-credit-card-input/src/CCInput.js
@@ -6,8 +6,8 @@ import {
   TextInput,
   TouchableOpacity,
   StyleSheet,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 const s = StyleSheet.create({
   baseInputStyle: {
@@ -26,8 +26,8 @@ export default class CCInput extends Component {
     status: PropTypes.oneOf(["valid", "invalid", "incomplete"]),
 
     containerStyle: ViewPropTypes.style,
-    inputStyle: Text.propTypes.style,
-    labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,
     placeholderColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/CreditCardInput.js b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
index 44f43c8..db6e0d6 100644
--- a/node_modules/react-native-credit-card-input/src/CreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
@@ -8,8 +8,8 @@ import ReactNative, {
   ScrollView,
   Dimensions,
   TextInput,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 import CreditCard from "./CardView";
 import CCInput from "./CCInput";
@@ -48,8 +48,8 @@ export default class CreditCardInput extends Component {
     labels: PropTypes.object,
     placeholders: PropTypes.object,
 
-    labelStyle: Text.propTypes.style,
-    inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
     inputContainerStyle: ViewPropTypes.style,
 
     validColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
index a5f166b..fb4ad65 100644
--- a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
@@ -72,7 +72,7 @@ export default class LiteCreditCardInput extends Component {
 
     placeholders: PropTypes.object,
 
-    inputStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
 
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,

@hayalpc
Copy link

hayalpc commented Nov 27, 2022

Thank you @ckOfor. I did it and solved my problem :)

@ckOfor
Copy link

ckOfor commented Nov 27, 2022

@hayalpc very happy to help :)

@ckOfor
Copy link

ckOfor commented Nov 27, 2022

For those who are using react-native-flip-card/lib/FlipCard.js please do the following steps steps after step 10 in my comment here

  1. Open node_modules/react-native-flip-card/lib/FlipCard.js and remove ViewPropTypes from line 9
  2. Import import ViewPropTypes from 'deprecated-react-native-prop-types' on line 13
  3. Run yarn patch-package react-native-flip-card

You should have another You should have a folder /patches/react-native-flip-card+3.5.6.patch

index c496da7..5e513a9 100644
--- a/node_modules/react-native-flip-card/lib/FlipCard.js
+++ b/node_modules/react-native-flip-card/lib/FlipCard.js
@@ -8,9 +8,10 @@ import {
   TouchableOpacity,
   Animated,
   Platform,
-  ViewPropTypes
 } from "react-native";
 
+import ViewPropTypes from 'deprecated-react-native-prop-types'
+
 import S from './Style.js'
 
 export default class FlipCard extends Component {

@ckOfor ckOfor mentioned this issue Nov 27, 2022
Open
@nathanael-anstett
Copy link

Fix!

  1. Run yarn add patch-package postinstall-postinstall && yarn add deprecated-react-native-prop-types
  2. Add this script command to package.json "scripts": { "postinstall": "patch-package" }
  3. Open node_modules/react-native-credit-card-input/src/CCInput.js and remove ViewPropTypes, from line 9
  4. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 10
  5. Comment out lines 29 and 30 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  6. Open node_modules/react-native-credit-card-input/src/CreditCardInput.js and remove ViewPropTypes, from line 11
  7. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 12
  8. Comment out lines 51 and 52 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  9. Open node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
    and comment out line 75 // inputStyle: Text.propTypes.style,
  10. Run yarn patch-package react-native-credit-card-input

You should have a folder /patches/react-native-credit-card-input+0.4.1.patch

index dde3aec..62081b4 100644
--- a/node_modules/react-native-credit-card-input/src/CCInput.js
+++ b/node_modules/react-native-credit-card-input/src/CCInput.js
@@ -6,8 +6,8 @@ import {
   TextInput,
   TouchableOpacity,
   StyleSheet,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 const s = StyleSheet.create({
   baseInputStyle: {
@@ -26,8 +26,8 @@ export default class CCInput extends Component {
     status: PropTypes.oneOf(["valid", "invalid", "incomplete"]),
 
     containerStyle: ViewPropTypes.style,
-    inputStyle: Text.propTypes.style,
-    labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,
     placeholderColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/CreditCardInput.js b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
index 44f43c8..db6e0d6 100644
--- a/node_modules/react-native-credit-card-input/src/CreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
@@ -8,8 +8,8 @@ import ReactNative, {
   ScrollView,
   Dimensions,
   TextInput,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 import CreditCard from "./CardView";
 import CCInput from "./CCInput";
@@ -48,8 +48,8 @@ export default class CreditCardInput extends Component {
     labels: PropTypes.object,
     placeholders: PropTypes.object,
 
-    labelStyle: Text.propTypes.style,
-    inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
     inputContainerStyle: ViewPropTypes.style,
 
     validColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
index a5f166b..fb4ad65 100644
--- a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
@@ -72,7 +72,7 @@ export default class LiteCreditCardInput extends Component {
 
     placeholders: PropTypes.object,
 
-    inputStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
 
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,

Thank you so much !

@AngelDev0329
Copy link

Fix!

  1. Run yarn add patch-package postinstall-postinstall && yarn add deprecated-react-native-prop-types
  2. Add this script command to package.json "scripts": { "postinstall": "patch-package" }
  3. Open node_modules/react-native-credit-card-input/src/CCInput.js and remove ViewPropTypes, from line 9
  4. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 10
  5. Comment out lines 29 and 30 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  6. Open node_modules/react-native-credit-card-input/src/CreditCardInput.js and remove ViewPropTypes, from line 11
  7. Add import ViewPropTypes from 'deprecated-react-native-prop-types' to line 12
  8. Comment out lines 51 and 52 respectively // labelStyle: Text.propTypes.style, // inputStyle: Text.propTypes.style,
  9. Open node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
    and comment out line 75 // inputStyle: Text.propTypes.style,
  10. Run yarn patch-package react-native-credit-card-input

You should have a folder /patches/react-native-credit-card-input+0.4.1.patch

index dde3aec..62081b4 100644
--- a/node_modules/react-native-credit-card-input/src/CCInput.js
+++ b/node_modules/react-native-credit-card-input/src/CCInput.js
@@ -6,8 +6,8 @@ import {
   TextInput,
   TouchableOpacity,
   StyleSheet,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 const s = StyleSheet.create({
   baseInputStyle: {
@@ -26,8 +26,8 @@ export default class CCInput extends Component {
     status: PropTypes.oneOf(["valid", "invalid", "incomplete"]),
 
     containerStyle: ViewPropTypes.style,
-    inputStyle: Text.propTypes.style,
-    labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,
     placeholderColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/CreditCardInput.js b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
index 44f43c8..db6e0d6 100644
--- a/node_modules/react-native-credit-card-input/src/CreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/CreditCardInput.js
@@ -8,8 +8,8 @@ import ReactNative, {
   ScrollView,
   Dimensions,
   TextInput,
-  ViewPropTypes,
 } from "react-native";
+import ViewPropTypes from 'deprecated-react-native-prop-types'
 
 import CreditCard from "./CardView";
 import CCInput from "./CCInput";
@@ -48,8 +48,8 @@ export default class CreditCardInput extends Component {
     labels: PropTypes.object,
     placeholders: PropTypes.object,
 
-    labelStyle: Text.propTypes.style,
-    inputStyle: Text.propTypes.style,
+    // labelStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
     inputContainerStyle: ViewPropTypes.style,
 
     validColor: PropTypes.string,
diff --git a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
index a5f166b..fb4ad65 100644
--- a/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
+++ b/node_modules/react-native-credit-card-input/src/LiteCreditCardInput.js
@@ -72,7 +72,7 @@ export default class LiteCreditCardInput extends Component {
 
     placeholders: PropTypes.object,
 
-    inputStyle: Text.propTypes.style,
+    // inputStyle: Text.propTypes.style,
 
     validColor: PropTypes.string,
     invalidColor: PropTypes.string,

It's works for me.
Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@hayalpc @zinlinphyo @ckOfor @AngelDev0329 @nathanael-anstett