react-stripe-js icon indicating copy to clipboard operation
react-stripe-js copied to clipboard

[BUG]: 3d secure 2 error from confirmSetup

Open taewookimfardark opened this issue 8 months ago • 2 comments

What happened?

I'm trying to confirm setupIntent using PaymentElement. But especially for certain card information, It produces an error and authentication is failed. What i found out is that, It only happens when bank requires 3d secure 2. Inside stripe elements, When i try to confirm setup using stripe.confirmSetup, It appends iframe which has origin https://js.stripe.com/v3/three-ds-2-fingerprint-84662d8c8bf3cc3220ca2f3241e594c1.html#intentId={intentId}&locale={langauge}&hosted=false&referrer={referrer}&controllerId=__privateStripeController79216. And inside this page, It throws an error as below.

Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-1bd1ss83rhoRESXnUSD+xUzVPZzKrKQPYKkWOj5TJIc='), or a nonce ('nonce-...') is required to enable inline execution. Note that hashes do not apply to event handlers, style attributes and javascript: navigations unless the 'unsafe-hashes' keyword is present

My web application is based on nextjs and stripe version is "@stripe/react-stripe-js": "^2.7.1" "@stripe/stripe-js": "^3.0.0"

Environment

No response

Reproduction

No response

taewookimfardark avatar Jun 20 '24 11:06 taewookimfardark