tarantino-47_error | Stripe Developers | Page 1

muted boughBOT Apr 23, 2024, 12:45 PM

#

👋 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/1232311416162095145

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

flat sunBOT Apr 23, 2024, 12:45 PM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

tarantino-47_code, 2 hours ago, 15 messages
tarantino-47_api, 6 days ago, 26 messages

#

subtle epoch Apr 23, 2024, 12:47 PM

#

hi there!

untold spindle Apr 23, 2024, 12:47 PM

#

google pay option is visible and clickable

#

hello

subtle epoch Apr 23, 2024, 12:48 PM

#

can you share a screenshot of the error? or even better a link where I can reproduce the issue?

untold spindle Apr 23, 2024, 12:49 PM

#

#

can't provide you with the link, sorry

subtle epoch Apr 23, 2024, 12:51 PM

#

can you share a PaymentIntent ID (pi_xxx) with this issue?

untold spindle Apr 23, 2024, 12:52 PM

#

it happens during elements.submit();

subtle epoch Apr 23, 2024, 12:53 PM

#

are you using the deferred intent flow, where you create the PaymentIntent later in the flow?

untold spindle Apr 23, 2024, 12:53 PM

#

correct

subtle epoch Apr 23, 2024, 12:54 PM

#

why can't you share the URL so I can view the error myslef?

untold spindle Apr 23, 2024, 12:54 PM

#

  currency: 'usd',
  loader: 'always',
  mode: 'payment',
  paymentMethodTypes: ['card'],
  amount: displayedTotalPrice * 100,
  paymentMethodCreation: 'manual',

#

because localhost is under VPN

#

wait a minute

#

pls let me know once you open it - I will delete it from this chat

#

^

#

@subtle epoch

subtle epoch Apr 23, 2024, 1:02 PM

#

thanks for sharing the link! Discord is busy, so give me a few minutes.

untold spindle Apr 23, 2024, 1:04 PM

#

ok, I'm deleting the link above. let me know if you need it later

flat sunBOT Apr 23, 2024, 1:06 PM

#

untold spindle Apr 23, 2024, 1:10 PM

#

hope this thread won't close automatically

twilit iris Apr 23, 2024, 1:22 PM

#

👋

#

Sorry for the delay, taking a look

untold spindle Apr 23, 2024, 1:23 PM

#

thank you

twilit iris Apr 23, 2024, 1:27 PM

#

I'm getting a lot of logs and errors in console but not able to reproduce that error that you are seeing. It seems like something is in a constant re-render? I can't even open the Google Pay modal?

#

#

Just getting continuous logs

#

Do you see the same happen when you load the page?

untold spindle Apr 23, 2024, 1:28 PM

#

are you able to see this ?

twilit iris Apr 23, 2024, 1:28 PM

#

Yes

#

But when I click submit nothing happens

#

Don't get that error you screenshotted

untold spindle Apr 23, 2024, 1:29 PM

#

you need to fill out all the details

#

name, email address etc

#

then click submit

twilit iris Apr 23, 2024, 1:30 PM

#

Yeah I did that... but let me hard refresh and try again. One sec

untold spindle Apr 23, 2024, 1:33 PM

#

please do

#

just fyi, Google Pay modal doesnt get opened for me as well

twilit iris Apr 23, 2024, 1:37 PM

#

Yeah don't know what to tell you. I'm just getting a continuous log for isPlatformPay: true and when I click submit, nothing happens.

#

Can you show me your client-side code here?

untold spindle Apr 23, 2024, 1:39 PM

#

check networks tab

#

do you have any failed requests?

twilit iris Apr 23, 2024, 1:44 PM

#

No, I literally get spammed with errors/logs in console

#

And tons of repetitive network requests being triggered to recaptcha and a CSS styles sheet. Things that indicate a constant re-render occuring

#

The only failed network requests are a 404 to https://poetic-direct-colt.ngrok-free.app/undefined

untold spindle Apr 23, 2024, 1:46 PM

#

hm

twilit iris Apr 23, 2024, 1:46 PM

#

This is what my Console looks like:

#

So at this point let's pause on the repro from my side, and if you can share you client-side code that would be a start here

untold spindle Apr 23, 2024, 1:50 PM

#

sure

twilit iris Apr 23, 2024, 1:50 PM

#

Is this error thrown when you try to complete the Google Pay modal?

#

Or when it is attempting to be displayed?

untold spindle Apr 23, 2024, 1:53 PM

#

when it is attempting to be displayed

#

#

trying to create a video recording for you

twilit iris Apr 23, 2024, 1:56 PM

#

Yeah a video isn't that helpful, really I need to see your code

#

For instance you are calling elements.update({}) in a useEffect here

#

Instead, have you tried just setting your options at that point and then rendering Elements?

untold spindle Apr 23, 2024, 2:01 PM

#

not sure if I already mentioned, only GPay doesnt work, credit cards work as expected

#

#

check the first error

twilit iris Apr 23, 2024, 2:02 PM

#

Ah okay yeah I know what that is.

#

So you are doing something within your confirm handler right now before calling elements.Submit()

#

Like calling your backend?

untold spindle Apr 23, 2024, 2:03 PM

#

yep

twilit iris Apr 23, 2024, 2:03 PM

#

Basically Apple/Google have security precautions in place where they require the modal to be presented based on an actual user click/gesture -- if the modal isn't presented within a very short time period of the confirmHandler being called then it triggers an error due to this security limitation

untold spindle Apr 23, 2024, 2:03 PM

#

I fetch payment details before elements.Submit()

twilit iris Apr 23, 2024, 2:04 PM

#

So basically you have to refactor to move those async actions to sometime prior in your flow prior to your confirm handler function

#

We don't have any control of this from our side... so really that is the only way forward here

#

If you would like, you can test it out by just commenting out that async process and testing again and you should see it work fine

untold spindle Apr 23, 2024, 2:05 PM

#

but credit cards work as expected, this is only related to GPay?

twilit iris Apr 23, 2024, 2:06 PM

#

Yes

#

This is specific to Google Pay and Apple Pay

untold spindle Apr 23, 2024, 2:08 PM

#

can I do buttonRef.current.click(); before elements.Submit() ?

#

like programatically click on confirm button

twilit iris Apr 23, 2024, 2:09 PM

#

I've not tried that but I have a feeling it won't work -- elements.submit() is what actually triggers the modal to be presented

#

That is what the security limitation is based off of

untold spindle Apr 23, 2024, 2:09 PM

#

the thing is I need to create an account first, then charge the customer

twilit iris Apr 23, 2024, 2:10 PM

#

Oh yeah that's fine. Just move that code to after elements.submit()

#

You don't actually charge until you confirm the PaymentIntent

untold spindle Apr 23, 2024, 2:10 PM

#

true

twilit iris Apr 23, 2024, 2:10 PM

#

When elements.submit() resolves that just creates the PaymentMethod, it doesn't charge the Customer

untold spindle Apr 23, 2024, 2:11 PM

#

I see

#

let me try

#

just keeping this thread opened

twilit iris Apr 23, 2024, 2:55 PM

#

How's it going @untold spindle ?

#tarantino-47_error