Srujan | Stripe Developers | Page 1

lavish warrenBOT Dec 13, 2022, 9:46 PM

#

buoyant blade Dec 13, 2022, 9:47 PM

#

Do you have a link to the page that's doing this? Or are you running locally?

junior ferry Dec 13, 2022, 9:48 PM

#

Yeah here

#

https://3629-2601-281-8000-25c-1825-45fe-a77c-16c0.ngrok.io/

#

Click on whistle stop grill, click view cart, go to checkout, enter name and phone (fake or w/e) and you'll see the drawer open with the payment element inside

#

I can also post the checkout page I have running. We have rerenders for the checkout page, so I don't know if that's an issue when mounting this element, but so far no errors about that. I set up the logic so that clientSecret only gets passed in once its defined and doesn't change at all

buoyant blade Dec 13, 2022, 9:51 PM

#

Looks like it's there

junior ferry Dec 13, 2022, 9:51 PM

#

Okay damn so something is going on with my own setup

#

I see it as an option for the demo so I don't know why it wouldn't be showing here for me

buoyant blade Dec 13, 2022, 9:52 PM

#

You have to have a Google payment method added to the browser, so I'd check that you have that first: https://support.google.com/chrome/answer/142893?hl=en&co=GENIE.Platform%3DDesktop

Fill out forms automatically - Computer - Google Chrome Help

You can let Chrome fill out forms automatically with saved info, like your addresses or payment info. When you enter info in a new form online, Chrome might ask you if you’d like Chrome to save it.

junior ferry Dec 13, 2022, 9:55 PM

#

Yeah I do have one configured. Actually multiple. It shows up for me on this test site from an earlier thread: https://4242.io/payment-element/

#

Is there any way to inspect the code on this site and see what the issue is?

#

    at e.canMakePayment (v3:1:171620)
    at r._canMakePaymentForBackingLibrary (v3:1:196152)
    at v3:1:197921
    at v3:1:57929
    at async Promise.all (index 0)```

#

Have you seen this error before and think it might be related?

buoyant blade Dec 13, 2022, 10:01 PM

#

That's really bizzare. So you see it when you pull up https://4242.io/payment-element/ ?

junior ferry Dec 13, 2022, 10:03 PM

#

Yeah

#

This happened on the payment request button as well

#

This is what the stripePromise looks like:

  stripeAccount: stripeConfig.accountId
});```

#

What's also really odd is that when I first used the element I had google pay show up briefly before it never did again so I don't know what the issue could be.

buoyant blade Dec 13, 2022, 10:13 PM

#

Can you try turning off strict mode?

https://reactjs.org/docs/strict-mode.html

Strict Mode – React

A JavaScript library for building user interfaces

junior ferry Dec 13, 2022, 10:16 PM

#

sure

#

Didn't help...it's the oddest thing

buoyant blade Dec 13, 2022, 10:20 PM

#

That is odd, it fixed it for one of my colleagues, which makes this even more confusing

junior ferry Dec 13, 2022, 10:34 PM

#

oh weird. i just restarted the app and it shows now

buoyant blade Dec 13, 2022, 10:34 PM

#

Huh, strange

junior ferry Dec 13, 2022, 10:34 PM

#

I hope it continues to work 🙏🏾

buoyant blade Dec 13, 2022, 10:34 PM

#

Well, glad it's working at least!

#

Yeah for sure

junior ferry Dec 13, 2022, 10:35 PM

#

Yeah...if i have the demo open that shouldn't affect my ability to see google pay right?

#

also, how do I test apple pay from chrome in my browser?

buoyant blade Dec 13, 2022, 10:36 PM

#

I can't imagine why it would.

#

also, how do I test apple pay from chrome in my browser?
You don't. You have to use Safari

junior ferry Dec 13, 2022, 10:36 PM

#

okay

#

thanks for the help

#

hmm, it's not showing up. If I'm testing locally, do I still need to do the apple domain verification?

#

I'm guessing I have to register ngrok domain according to these docs right?

buoyant blade Dec 13, 2022, 10:39 PM

#

hmm, it's not showing up. If I'm testing locally, do I still need to do the apple domain verification?
Yes, correct

#Srujan