quantum1125-paymentrequest | Stripe Developers | Page 1

eternal gulch Nov 5, 2021, 1:16 AM

#

hello @remote solar! are you facing any issues with a particular param?

remote solar Nov 5, 2021, 1:20 AM

#

yeah the options param

#

#

i have a valid payment request object that i am using elsewhere but for some reason here once it's inside the double curly brace, it doesn't like it

eternal gulch Nov 5, 2021, 1:23 AM

#

can you share your exact code snippet? both of how you're defining the PaymentRequestButtonElement component and the options param

remote solar Nov 5, 2021, 1:27 AM

#


const pr = this.state.paymentRequest

<Button class="filled" style={{ display: this.state.applePay ? "inherit" : "none" }} clickHandler={this.handleApplePay.bind(this)}>
 {pr ? <PaymentRequestButtonElement options={{pr}} /> : null}
</Button>```

#

paymentRequest returns successfully after calling stripe.paymentRequest earlier

eternal gulch Nov 5, 2021, 1:33 AM

#

what does pr return?

#

when you log it just before PaymentRequestButtonElement

remote solar Nov 5, 2021, 2:09 AM

#

it's a huge object

eternal gulch Nov 5, 2021, 2:18 AM

#

the most likely reason is that you're not passing in stripe.paymentRequest object correctly in options.

#

whoops sorry, ignore my previous code, that missed out all the bits in between

#

my suspicion here is that the object you're passing in is the entire PaymentRequest object, but the paymentRequest object is actually one of the values in the options object. The options object is supposed to look like this

const options = {
  paymentRequest,
  style: {
   ...
  }
}

<PaymentRequestButtonElement options={options} />

#quantum1125-paymentrequest