ermander - client secret | Stripe Developers | Page 1

gilded forge May 27, 2022, 1:27 PM

#

Can you share your code for creating the Payment Element? Error says what the issue is

#

You need to add the secret. You can see an example in this step: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#add-the-payment-element-to-your-payment-page

Accept a payment

Securely accept payments online.

kindred plaza May 27, 2022, 1:37 PM

#

#

I think it's correct the clientSecret

#

Look

#

gilded forge May 27, 2022, 1:38 PM

#

Where do you create the elements group in your code?

#

That's where it's not being passed in

kindred plaza May 27, 2022, 1:44 PM

#

gilded forge May 27, 2022, 1:45 PM

#

I mean this: ```function App() {
const options = {
// passing the client secret obtained in step 2
clientSecret: '{{CLIENT_SECRET}}',
// Fully customizable with appearance API.
appearance: {/.../},
};

return (
<Elements stripe={stripePromise} options={options}>
<CheckoutForm />
</Elements>
);
};

#

See how client secret is passed

#

https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements&html-or-react=react#add-the-payment-element-to-your-payment-page

Accept a payment

Securely accept payments online.

kindred plaza May 27, 2022, 1:50 PM

#

I've solved it

#

Now the problem is that i don't see the iframe

kindred plaza May 27, 2022, 1:51 PM

#

gilded forge I mean this: ```function App() { const options = { // passing the client s...

gilded forge May 27, 2022, 1:53 PM

#

What do you mean by that. Can you share a screenshot and the browser console log?

kindred plaza May 27, 2022, 2:08 PM

#

#

This is my form container

gilded forge May 27, 2022, 2:09 PM

#

Ok. Can you share the browser console log and a screenshot of what's going on in the browser

kindred plaza May 27, 2022, 2:24 PM

#

Solved

ocean quail May 27, 2022, 2:25 PM

#

What did you do to fix?

#ermander - client secret