Preact 10.11.1 is incompatible with Adyen

[AndreasJilvero]

We're using @adyen/adyen-web@5.16.0 which depends on Preact. If you do a fresh install, you will get Preact@10.11.1 which is not compatible with Adyen - maybe following preactjs/preact#3720.

The effect is that Adyen dropdown select items can't be clicked. This is due to select items (the li element) getting a data-disabled="false" attribute which later on prevents the click event due to a if condition if(!t.getAttribute("data-disabled")) { ... }.

To clarify, nothing happens if I click on POP Pankki due to the reason I mentioned above.

Edit: You can probably work around this by importing the pre-compiled Adyen file but it's not preferred.

I understand that the issue is not in Adyen code but if possible, Adyen should restrict Preact usage to not 10.11.1.

[m1aw]

Hey @AndreasJilvero

Thank you for the warning, we where able to reproduce the issue and we will release a new version where we lock the preact version.

However there's workaround you can use in the meantime, or if you can't update the library. You can set resolutions in your package.json as a temporary fix, like so:

"resolutions": {
    "**/preact": "10.5.13"
},

[AndreasJilvero]

@m1aw The solution you suggest seem to rely on either using Yarn or npm-force-resolutions. In our case, we used npm overrides to force the version to 10.10.6.

[ribeiroguilherme]

Hey @AndreasJilvero . Can you upgrade to 5.28.1 and verify if it fixes the issue?

[ribeiroguilherme]

Upgrading the library to > 5.28.1 should fix the issue, therefore I am closing this ticket.