question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Failed prop type: PaymentCardTextField: prop type `style` is invalid; it must be a function, usually from the `prop-types` package, but received `object`

See original GitHub issue

Before I have submitted the issue

The problem

I am getting the following warning in the debugger console:

Warning: Failed prop type: PaymentCardTextField: prop type styleis invalid; it must be a function, usually from theprop-typespackage, but receivedobject.

Environment

  • tipsi-stripe version: 7.3.0
  • Last tipsi-stripe version where the issue was not reproduced (if applicable): 5.6.0
  • iOS or Android: iOS
  • OS version: 11.4
  • React-Native version: 0.57.8

Code To Reproduce Issue (Good To Have)

<View
  style={{
    borderBottomWidth: 1,
    borderColor: 'orange',
    marginBottom: 5
 }}
>
     <PaymentCardTextField
        style={{
          borderBottomWidth: 1,
          borderColor: 'red'
       }} 
       numberPlaceholder={'4242 4242 4242 4242'}
       expirationPlaceholder={'MM/YYYY'}
       cvcPlaceholder={'CVC'}
      disabled={false}
      onParamsChange={this.handleFieldParamsChange}
     />
</View>

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:8
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
ajaykumar97commented, Mar 28, 2019

I found an alternative for PaymentCardTextField : react-native-credit-card-input

0reactions
bramskicommented, Jul 22, 2019

Please make a release. There have been no releases since april.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React: Prop type must be a function, but received object
Warning: Failed prop type: Results: prop type `leoInfo` is invalid; it must be a function, usually from the `prop-types` package, but received ` ......
Read more >
Packaging and PropTypes - Fullstack React
The prop-types object exports a bunch of different types which we can use to define what type a component's prop should be. We...
Read more >
Don't Call PropTypes Warning - React
PropTypes has moved into a different package since React v15.5. ... the code that implements PropType validation functions will be stripped in production....
Read more >
ReactJS PropTypes - javatpoint
We can use propType to validate any data we get from the prop. But before using it, we have to import it. Add...
Read more >
@prop | typegoose
Should act like the @index class decorator, but without options. ... If the PropType (Primitive / Array / Map) is different from what...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found