Highcharts React wrapper fails with rolldown-vite@7.2.5

[roman0x58]

Describe the bug

The same bug occurs here as in #460.

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Reproduction

https://stackblitz.com/edit/vitejs-vite-culsfcka

Steps to reproduce

1. Open the repo
2. Open the browser DevTools
3. Check the console, the error appears immediately

System Info

System:
    OS: Linux 6.17 Arch Linux
    CPU: (16) x64 12th Gen Intel(R) Core(TM) i5-12500H
    Memory: 8.00 GB / 38.79 GB
    Container: Yes
    Shell: 5.3.3 - /bin/bash
  Binaries:
    Node: 25.0.0 - /home/roman/.nvm/versions/node/v25.0.0/bin/node
    Yarn: 3.8.1 - /home/roman/.nvm/versions/node/v25.0.0/bin/yarn
    npm: 11.6.2 - /home/roman/.nvm/versions/node/v25.0.0/bin/npm
    bun: 1.3.2 - /usr/bin/bun
    Deno: 2.5.5 - /usr/bin/deno
  Browsers:
    Firefox: 145.0
    Firefox Developer Edition: 145.0
  npmPackages:
    rolldown-vite:  7.2.5

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[roman0x58]

I’ve updated the reproduction repo.
The issue occurs only when Highcharts is used as an external dependency.
When Highcharts is built locally, adding the inconsistentCjsInterop flag fixes the error, but this workaround does not help when Highcharts is external

[sapphi-red]

In this case, we recommend to add a glue code to your library. In your case, the diff will be

-import HighchartsReact from 'highcharts-react-official';
+import _HighchartsReact from 'highcharts-react-official';
+
+const HighchartsReact = typeof _HighchartsReact === 'object' && _HighchartsReact !== null && _HighchartsReact.__esModule
+  ? _HighchartsReact.default
+  : _HighchartsReact;

We don't want to require this to users, but this was the least broken way to fix the inconsistency (due to how Node does CJS/ESM interop).
See https://rolldown.rs/in-depth/bundling-cjs#recommendations-for-library-authors as well.