Tengo un problema al crear una configuración para el pago con tarjeta.
const result = await stripe.confirmPayment({ elements, confirmParams: { return_url: 'https://example.com/order/123/complete', }, });Pero recibir un error al enviar:
IntegrationError: Invalid value for stripe.confirmPayment(): elements should be an Elements group. You specified: object.No sé por qué sucede porque sigo los pasos del tutorial: https://stripe.com/docs/payments/save-and-reuse?platform=web&html-or-react=react#web-submit-payment-details
Playground con el problema: https://codesandbox.io/s/react-stripe-js-forked-wwydkc?file=/src/components/demos/CardForm.js:1073-1245
¿Cómo reproducir? Simplemente escriba la entrada de la tarjeta: 4242 4242 4242 4244 y alguna fecha válida aleatoria y haga clic en PAGAR.
El stripe.confirmPayment() es para el elemento de pago. Dado que está utilizando Card Element, debe llamar astripe.confirmCardPayment() en su lugar.