CODEWITHSUNDEEP
next.jsstripe-payments
Julius
Julius

Reputation: 248

Stripe Checkout doesn't load 3D Secure

My websites Stripe Checkout doesn't load the credit card 3D Secure popup.

I get this error in the console:

Content Security Policy: The page’s settings blocked the loading of a resource at eval (“script-src”). blob:27:22

Everything else works fine though. And it works in "Test Mode", even with the Stripe test card which requires authentication (4000 0027 6000 3184).

I'm using React and NextJS. I have not edited the "Content Security Policy". But even if i set the CSP to default-src * 'unsafe-inline' 'unsafe-eval' it still doesn't work.

Stripe Checkout error

Upvotes: 2

Views: 2200

Answers (1)

Julius
Julius

Reputation: 248

Update: Now it is working again.

It seems like it was an issue with 3D secure popup window from "Danske Bank" (the biggest bank in Denmark) as well as other banks I tested. Now the bank must've fixed it.

I was I contact with Stripe support several times. Amongst other things, they said: "When it comes to the modal that appears, we actually have very little control over this as it is being hosted by the bank."

So it seems like 3D secure is still just quite unstable or not well developed.

Upvotes: 2

Related Questions