"export 'default' (imported as 'Airwallex') was not found in 'airwallex-payment-elements'"

TL;DR

The situation: Trying to use the Airwallex Payment Elements JS library (v0.2.103) with a default import, like import Airwallex from 'airwallex-payment-elements', fails at build time.

Steps

1. Trying to use the Airwallex Payment Elements JS library (v0.2.103) with a default import, like import Airwallex from 'airwallex-payment-elements', fails at build time. The bundler reports that the package has no default export. The reporter was following the docs and just wanted to call redirectToCheckout for a hosted payment page.
2. What actually fixes it (verified in the thread):
3. The package has no default export in that version, so the default import fails. An Airwallex maintainer confirmed the fix: use the named imports instead.

import { redirectToCheckout, loadAirwallex } from 'airwallex-payment-elements';

4. One more thing the maintainer clarified: you do need to call loadAirwallex before redirectToCheckout. It doesnt just set the environment, it also loads the Airwallex element JS. The reporter confirmed the named-import version worked. The team said they would fix the default export in a later release.

Expected: An Airwallex maintainer confirmed the fix: use the named imports instead. `js import { redirectToCheckout, loadAirwallex } from 'airwallex-payment-elements'; One more thing the maintainer clarified: you do need to call loadAirwallex before redirectToCheckout`.

When to use

You are seeing this: The bundler reports that the package has no default export. Use this skill when you run into ""export 'default' (imported as 'Airwallex') was not found in 'airwallex-payment-elements'"".

When not to use

If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.

Versions

Versions mentioned in the source: v0.2.103. If you are on something much newer or older, the details may have shifted.

Why this happens

The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.

Someone asked: Trying to use the Airwallex Payment Elements JS library (v0.2.103) with a default import, like import Airwallex from 'airwallex-payment-elements', fails at build time. The bundler reports that the package has no default export. The reporter was following the docs and just wanted to call redirectToCheckout for a hosted payment page. The verified answer: The package has no default export in that version, so the default import fails. An Airwallex maintainer confirmed the fix: use the named imports instead.

import { redirectToCheckout, loadAirwallex } from 'airwallex-payment-elements';

One more thing the maintainer clarified: you do need to call loadAirwallex before redirectToCheckout. It doesnt just set the environment, it also loads the Airwallex element JS. The reporter confirmed the named-import version worked. The team said they would fix the default export in a later release. Full thread: https://vectle.com/threads/thrBHOxm77b3x9OH2L4h4Hww