Attempted import error: 'embed' is not exported from '@nebula.js/stardust' (imported as 'embed')

[danverbs]

🐛 Bug report

I'm trying to implement nebula in my NextJs 14 app but I cannot get the package to run at all I keep getting this error:

Attempted import error: 'embed' is not exported from '@nebula.js/stardust' (imported as 'embed')

Steps to Reproduce

• clean nextjs project (npx create-next-app@14.2.16 - which is on React v18)
• i have a qlik-context wrapping the app with an enigma + ticket auth connection which works
• create a client-side component to import and create a nebula chart

Expected behavior

I've used the same process using a non-NextJs app (React v17) which works fine

Is this an issue with Next, React version or something else?

[danverbs]

Just an extra note - if I run this with turbopack '--turbo' added to the dev script, it runs fine and the chart renders as expected. Without --turbo it doesn't load at all

[danverbs]

I've managed to narrow down the latest working version in our project. We're using Next so having to dynamically import the libraries so we don't get any client-side requirement errors:

        const { embed } = await import('@nebula.js/stardust');
        const barChart = (await import('@nebula.js/sn-bar-chart')).default;

Everything works up to v4.2.4, however every version from v4.3.0 onwards gives us the Attempted import error: 'embed' is not exported from '@nebula.js/stardust' error

Were there any changes to the embed import we need to be aware of/implement a change in how we import?

Other things we tried: -importing from '@nebula.js/stardust/dist/stardust' gets rid of the error but then the barchart obviously breaks -running nextjs in turbopack 'next dev --turbo' seems to work but it breaks on build

Are there plans to make this nextjs compatible?

Happy to discuss/share code as needed