perumalt-payment-element

[languid pecan]

Hmm, looks like the npm registry is unreachable for you. They're reporting no issues: https://status.npmjs.org/

Can you try again?

Worked for me fine just now

[stoic osprey]

Thanks

[languid pecan]

@stoic osprey What's the error?

perumalt-payment-element

[stoic osprey]

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.

[languid pecan]

Can you share the code that's causing the error? Looks like you're using the <PaymentElement> component

[languid pecan]

Where do you call the <Elements> component?

[languid pecan]

Where is your clientSecret variable defined?

you need to set it in state with a hook

I'd recommend looking at: https://stripe.com/docs/payments/quickstart

[stoic osprey]

set backend

[languid pecan]

You need to set it in state in your React app. You're just returning it from your fetch call and logging it out

I suspect the underlying error is that you're passing options={{clientSecret}} to the <Elements> component, and that variable is undefined

The link above shows how to properly handle this in React

[stoic osprey]

Thanks 😀

hi is there is any git reference for paymentElement

and one more help, i try to integrate in checkout page but its show error you need to put in parent comp. but already code like that., please help any one

[devout onyx]

can you clarify what you mean exactly or what you're looking for?

[devout onyx]

show error you need to put in parent comp
what's the exact error message and the code that seems to be causing it?

[stoic osprey]

now I placed like this

but I need in this page

[devout onyx]

I don't really follow, sorry.