Dynamic import "Konva" in Shopify Hydrogen

[phongpv]

I try to import konva in my Shopify Hydrogen project but have an issue:

Module 'konva' cannot be imported using this construct. The specifier only resolves to an ES module, which cannot be imported synchronously. Use dynamic import instead.

Shopify Hydrogen no has dynamic import. Does anybody has the cause or solution?

[frehner]

I believe you see this because Hydrogen is being used as a CommonJS module, and you're trying to import an ESM-only package.

As noted in the message, one way to work around this is to do a dynamic import

- import konva from 'konva'
+ const konva = import('konva')

Or see if konva has a CJS build and use that.

[phongpv]

Thanks for your support. I resolved this issue by using lazy import!