theuknowner_unexpected

[raw sequoia]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1408062645180825661

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[worldly vigil]

hi there!

do you have a link where I can reproduce the issue?

[broken wedge]

Hi Soma

No i don't have, in order to reproduce it just create a page (in react) that has the 2 elements. Express Checkout Element and Payment Element

[worldly vigil]

can you host that page somewhere so i can reproduce the issue?

[broken wedge]

Unfortunately no, could you reproduce it by creating a page in react with Express Checkout Element and Payment Element

[worldly vigil]

it's going to take me a while.

can you share your code at least?

[broken wedge]

<ExpressCheckoutElement
options={{
billingAddressRequired: false,
phoneNumberRequired: false,
shippingAddressRequired: false,
emailRequired: false,
buttonHeight: 44,
}}
onConfirm={this.handleSubmitExpressBtn} />
<PaymentElement
options={{
wallets: {
applePay: 'never',
googlePay:'never',
},
layout: {
type: 'tabs',
defaultCollapsed: false,
}
}}/>

Just add this code in a react page

[broken wedge]

I just tested with only ExpressCheckoutElement without Payment Element and in the 1st render of the element it doesnt show the Paypal Button

This occurs only with the Paypal Button

[fast thunder]

Hi, taking over as my teammate needs to step away. Let me catch up.

[broken wedge]

Hi

[fast thunder]

Can you share a screenshot of what you're seeing here please?

[broken wedge]

I found the issue

When the form renders on componentDidMount I set -> this.props.elements.update({mode: 'subscription', amount: this.props.amount, setup_future_usage: "off_session"});