Top-level React functions missing the __PURE__ annotation about vite-plugin-react HOT 2 CLOSED

I also have a problem, which I think is related here. I'm currently using Vite@^3.0.8 and Material UI 5 which relies on Popper. Lately every time I start the dev server I get the following error:

Uncaught TypeError: styled_default is not a function at Popper.js:9:20

If you look at the relevant file here is the signature of the object being exported:

const PopperUnstyled = React.forwardRef(function PopperUnstyled(props, ref) { ...

The ref is an object not a function which is why I believe it is failing here. Has this already been changed or what can be done to prevent this error? I can't use my dev env at all, but I can do a prod build no problem.

from vite-plugin-react.

Hi!
So yeah esbuild doesn't do this: evanw/esbuild#2749
As the main usage of Vite is for building application, this out of scope of esbuild and we won't move soon from esbuild, I have no other choices a closing this as won't fix.

Your workaround is fine for me and if build time is an issue, maybe there is a similar plugin for SWC.

Another solution is to manually write it in your library code.

from vite-plugin-react.