Next.js 12 + adyen-web not working in IE11

Describe the bug We are using this library together with Next.js 10/11 and it was working so far in IE11 (which we unfortunately have to support). Now after we upgraded Next.js to version 12, it doesn’t work anymore in IE11.

Upon calling the constructor - and it doesn’t matter if it’s done like this:

const checkout = await AdyenCheckout(configuration) // V5

… or like this:

const checkout = new AdyenCheckout(configuration) // V4

I get a crash which looks like this (see screenshots).

Here’s a sample project where this problem occurs: test-adyen-ts.zip.

If you need more details feel free to ask.

Expected behavior I would expect this library to work like in any other browser 🙂

Screenshots

Desktop (please complete the following information):

• Tested in Windows 10/IE11 (Browserstack)

[Knusperchicken]

Yes, the new release solves the issue we were facing - thanks guys 👍🏻

[ribeiroguilherme]

@danielnehrig direct imports does not work in the current adyen-web version inside a server side environment. Good news is that it is fixed on #1384 , which will be part of the next release.

Regardless of that, the library still needs to be instantiated in a browser environment. On Next.js you can do that loading with no SSR

Related issue: #902