Himanshu Mukhedkar- | Stripe Developers | Page 1

vague totem May 25, 2022, 10:02 AM

#

👋 happy to help

#

could you please describe what the issue is? the screenshot is not very helpful yet

humble holly May 25, 2022, 10:04 AM

#

Geeting this error on Console IntegrationError: Invalid value for confirmCardPayment: payment_method.card should be an object or element. You specified: null.

#

We are getting correct value in elements initially, but later on it is getting Null after clicking Paynow Button

#

If you want I will share a public URL to reproduce issue at your end @vague totem

vague totem May 25, 2022, 10:07 AM

#

yes that would be helpful thanks

humble holly May 25, 2022, 10:09 AM

#

Here is the link: https://registration.staging-env.shoptalkeurope.com/form?token=ysoKW6kY1SPyJW9ASqfbsd7tyR7737kBnBR7t6UoHTxKyv1RHy1vT2bCiXix3IJ87RDM000byE0LZ80z4hrUGA%3D%3D

let me know what is the solution for this.
because I'm not getting why it is failing only on staging and Prod Env.

Thanks!

tawny hinge May 25, 2022, 10:13 AM

#

👋 Did you try what I suggested yesterday?

humble holly May 25, 2022, 10:18 AM

#

Will raise a Ticket for Stripe Support shortly, Meanwhile can you pls let me know about a possible solution for the same.

tawny hinge May 25, 2022, 10:22 AM

#

This is what I suggested yesterday: #978549299522711562 message

humble holly May 25, 2022, 10:26 AM

#

You mean to say do like this:
confirmCardPayment(clientSecret, {
payment_method: {
card: CardElement,
},

tawny hinge May 25, 2022, 10:30 AM

#

card: cardElement

https://stripe.com/docs/payments/payment-element/migration?integration-path=one-time#one-time-update-method

Migrate to the Payment Element

Learn how to migrate your existing integration with individual payment method Elements into a single Element.

humble holly May 25, 2022, 11:08 AM

#

Okay I'll try this locally.
Do i only need to do this in my code:
stripe .confirmPayment(clientSecret, { payment_method: { card: cardElement`,
},
})
.then((res) => {
console.log(res , "res");
if (
res &&
res.paymentIntent &&
res.paymentIntent.status &&
res.paymentIntent.status === "succeeded"
) {
getConfrimationDetails();
setIsLoading(false);
}
if (res && res.error) {
setIsLoading(false);

        addToast(res.error.message, {
          appearance: "error",
          autoDismiss: true,
        });
      }`

and Rest of the code is good.

#

and FYI I'm using this version:

"@stripe/react-stripe-js": "^1.6.0",
"@stripe/stripe-js": "^1.21.1",

Do i need to update this as well

tawny hinge May 25, 2022, 11:16 AM

#

Shouldn't be necessary

humble holly May 25, 2022, 11:17 AM

#

Okay I'll try with replacing stripe.confirmCardPayment with stripe.confirmPayment

tawny hinge May 25, 2022, 11:19 AM

#

No, you can't use confirmPayment with the CardElement

#

(sorry missed that)

humble holly May 25, 2022, 11:22 AM

#

So what should I do now? I need to solve this issue quickly. #dev-help

tawny hinge May 25, 2022, 11:25 AM

#

You should charge the card parameter to cardElement

#

I pasted the code for you yesterday

#

Otherwise if that doesn't help, you'll need to write in so we can spend time take a deeper look

humble holly May 25, 2022, 11:32 AM

#

But we are not getting element object here,

.confirmCardPayment(clientSecret, {
payment_method: {
card: elements.getElement(CardElement),
},

Do you think will that work.
card: cardElement

Anyways I'm getting error while using this cardElement is not defined, because we are using CardElement.
<CardElement id="payment-element" options={{ hidePostalCode: true }} />

tawny hinge May 25, 2022, 11:45 AM

#

What's the error?

humble holly May 25, 2022, 12:00 PM

#

cardElement was not defined

tawny hinge May 25, 2022, 12:02 PM

#

Can I ask you write in to support like I did yesterday? If you can provide us with as much context and code as possible, we can work to resolve the issue for you

humble holly May 25, 2022, 12:04 PM

#

Sure We have talked with the support person, and they said We mail you and get back to you.
If you want I will share the public URL of Staging Env to debug at your end.

#

https://registration.staging-env.shoptalkeurope.com/form?token=ysoKW6kY1SPyJW9ASqfbsd7tyR7737kBnBR7t6UoHTxKyv1RHy1vT2bCiXix3IJ87RDM000byE0LZ80z4hrUGA%3D%3D Pls take a look

keen lintel May 25, 2022, 12:06 PM

#

humble holly Sure We have talked with the support person, and they said We mail you and get b...

then like they say, we'll get back to you

#

your ticket is on my team's queue right now

#

someone will look and get back when we can

humble holly May 25, 2022, 12:07 PM

#

Basically
const elements = useElements();
This element is getting null after initially render that's causing the problem.

#Himanshu Mukhedkar-