tommy-kenton_code | Stripe Developers | Page 1

celest cedarBOT Jul 30, 2024, 10:39 AM

#

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

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

spice mason Jul 30, 2024, 10:42 AM

#

hi! when/where does this error/warning happen? what's the connection to Google Pay? Do you have a link to the page with a problem?

lilac owl Jul 30, 2024, 10:42 AM

#

spice mason hi! when/where does this error/warning happen? what's the connection to Google P...

Yes, I have a ngrok server.

lilac owl Jul 30, 2024, 10:43 AM

#

spice mason hi! when/where does this error/warning happen? what's the connection to Google P...

https://83b5-80-189-152-109.ngrok-free.app/checkout

#

It is in test mode but only shows Google pay and I'm on chrome and in express it loaded link PayPal etc but on NextJS it wont.

#

spice mason Jul 30, 2024, 10:45 AM

#

I'm a bit lost. When I visit that page I see that you're using https://stripe.com/docs/stripe-js/elements/payment-request-button , and right now for me it shows Link.
You mention Paypal but that integration can not support Paypal(the https://docs.stripe.com/elements/express-checkout-element can).

#

what are you expecting to see overall?

lilac owl Jul 30, 2024, 10:46 AM

#

spice mason what are you expecting to see overall?

This:

#

spice mason Jul 30, 2024, 10:47 AM

#

well that screenshot is for the ExpressCheckoutElement integration, but the code you're using is not the ExpressCheckoutElement, it's the PaymentRequestButton(check the links in my last message).
So that's all normal and expected.

lilac owl Jul 30, 2024, 10:48 AM

#

spice mason well that screenshot is for the ExpressCheckoutElement integration, but the code...

How can I load all of them in NextJS?

spice mason Jul 30, 2024, 10:48 AM

#

what is them in all of "them"?

lilac owl Jul 30, 2024, 10:49 AM

#

I want all of the express buttons in my NextJS/React/Typecript website.

#

E.g PayPal, Link, Google Pay.

spice mason Jul 30, 2024, 10:50 AM

#

then I'd suggest integrating the ExpressCheckoutElement that can suport showing multiple wallet buttons(the screenshot you posted of our docs earlier), and not the PaymentRequestButton you're actally using in the code, which only supports one wallet at a time.

lilac owl Jul 30, 2024, 10:50 AM

#

How can I use multiple at once?

spice mason Jul 30, 2024, 10:50 AM

#

didn't I just answer that?

lilac owl Jul 30, 2024, 10:50 AM

#

Without using Stripe's prebuilt form.

spice mason Jul 30, 2024, 10:50 AM

#

in case you're confused, the "Express" in "ExpressCheckoutElement" is just the name of our product, it has absolutely nothing to do with the express.js webserver or imply that it wouldn't work in Next.js.

#

not sure what you call "prebuilt form". Anyway, can you check my previous replies and links in detail and let me know what is unclear specifically? happy to clarify.

lilac owl Jul 30, 2024, 10:52 AM

#

Can I not load it like this in NextJS?

spice mason Jul 30, 2024, 10:52 AM

#

yes, you can , of course.

lilac owl Jul 30, 2024, 10:52 AM

#

I am a bit confused, sorry.

spice mason Jul 30, 2024, 10:52 AM

#

I told you how: then I'd suggest integrating the ExpressCheckoutElement that can suport showing multiple wallet buttons(the screenshot you posted of our docs earlier), and not the PaymentRequestButton you're actally using in the code, which only supports one wallet at a time.

#

the docs for building the integation are at https://docs.stripe.com/elements/express-checkout-element (the page you have open and are taking the screenshots from)

lilac owl Jul 30, 2024, 10:53 AM

#

spice mason the docs for building the integation are at https://docs.stripe.com/elements/exp...

Im checking it out now, I'll get back soon, thanks so far.

lilac owl Jul 30, 2024, 10:57 AM

#

spice mason the docs for building the integation are at https://docs.stripe.com/elements/exp...

This is in JS?

spice mason Jul 30, 2024, 10:57 AM

#

yes

lilac owl Jul 30, 2024, 10:58 AM

#

spice mason yes

Im using typescript? So I just have to convert it? Im new to typescript etc.

celest cedarBOT Jul 30, 2024, 10:58 AM

#

lilac owl Jul 30, 2024, 11:00 AM

#

Still just loading Google Pay.

spice mason Jul 30, 2024, 11:00 AM

#

typescript is a superset of javascript so they're compatible. What I'd suggest is just turning off typescript for now if you just want to build the integration and don't actually know TS well. When you're more familiar with it:

https://github.com/stripe/stripe-js?tab=readme-ov-file#typescript-support

lilac owl Jul 30, 2024, 11:02 AM

#

spice mason typescript is a superset of javascript so they're compatible. What I'd suggest i...

I need typescript though? It just still loads google pay is there any examples online?

lilac owl Jul 30, 2024, 11:03 AM

#

spice mason typescript is a superset of javascript so they're compatible. What I'd suggest i...

I've done everything in that...

languid lodge Jul 30, 2024, 11:04 AM

#

No, Stripe.js works with JavaScript too.