#Roboto-React-button
uneven narwhal
Hi there
So for PaymentRequestButton to render, the customer has to have a live card in their wallet.
Is that the case here?
paper tiger
Ah, so I need to add one to chrome first?
On mobile I also see nothing rendering. It just renders the <p>checkout</p> but I haven't verified for Apple yet
uneven narwhal
Our docs (https://stripe.com/docs/stripe-js/elements/payment-request-button) explain what is required for the button to show
But yes, if in Chrome then you need to add a live card to your Google Wallet
And you also need to server over HTTPS
paper tiger
Site is hosted on vercel right now, HTTPS
Let me add a google wallet card and test after, one second
uneven narwhal
👍
paper tiger
Okay, I have 1password in my browser that typically manages payment methods but I disabled it.
I am using chromes standard payment method and have added a card
Restarted the browser and I am still seeing nothing but <p>checkout</p>
do I need to be using a production stripe key to test this, or does this supplied key work
const stripePromise = loadStripe("pk_test_6pRNASCoBOKtIshFeQd4XMUh");
No errors in the browser are showing
I see the stripe files in sources in chrome dev tools
uneven narwhal
Nope the test keys work
That said, you need to save a card to your Google Wallet
Not Chrome
Save a card here: https://pay.google.com/gp/w/u/0/home/paymentmethods
paper tiger
Card is present there
uneven narwhal
If you have a URL where I can repro I can also take a look
paper tiger
Can't atm, we're currently in development on the site switching our prod site over to a new framework
I can try ngrok though
uneven narwhal
That would work. Most times it is easiest to debug this stuff when we can actually look at a site. Hard without all the details.
paper tiger
Well, interesting. So I see the google pay button now on my ngrok hosted site
but not when deployed to vercel
🤦
cache clear
buttons showing in dev now
uneven narwhal
Oh that's good!
paper tiger
@uneven narwhal Thanks for your help!