[BUG] HeroUI doesn't work on contentscript

[RobertChaw]

What happened?

The Modal component from heroui does not open on content script. This may be due to incorrect handling of dynamic imports.

Reproduction Playground
https://github.com/RobertChaw/heroui-not-work-on-contentscript

Version

Latest

What OS are you seeing the problem on?

Windows

What browsers are you seeing the problem on?

Chrome

Relevant log output

Uncaught (in promise) Error: Cannot find module '23bSo'
    at newRequire (contents.85aba5ab.js:62:19)
    at Function.newRequire (contents.85aba5ab.js:46:18)
    at contents.85aba5ab.js:49263:27

(OPTIONAL) Contribution

• I would like to fix this BUG via a PR

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[lazyanubis]

I have the same problem

[Guibod]

I can confirm that I have the same issue on a tab page, right now.

To my understanding the packaging of Plasmo is unable to resolve a dynamic import.

[Guibod]

For both issues you can:

1- Disable animation in the HerouiProvider @RobertChaw

<HeroUIProvider disableAnimation={true}>

2- Disable animation in the ToastProvider @lazyanubis

<ToastProvider disableAnimation={true}/>

[RobertChaw]

I found a better temporary solution for this issue. @Guibod @lazyanubis

Just manually import "@heroui/dom-animation" in contentscript.

//contents/contentscript.js
import { Button, HeroUIProvider, useDisclosure } from "@heroui/react";
import "@heroui/dom-animation"; // manual import
...

[lazyanubis]

It looks like what I need to dynamically import is domMax.

import "@heroui/dom-animation";

@RobertChaw It didn't work for me. 😂

---

<ToastProvider disableAnimation={true}/>

@Guibod It works but it looks not good. Thanks for the tip all the same. 👍🏻

[Xheldon]

Sames in options page

[Xheldon]

import "@heroui/dom-animation";

Not working for me, and

<ToastProvider disableAnimation={true}/>

has disable the animation, which is not acceptable...

Anyone any idea?