React Carbon Components <CodeSnippet> Errors Out on Vite Production Build Only But Works on Dev about vite-plugin-react HOT 4 CLOSED

Root cause:
<CodeSnippet> uses use-resize-observer/polyfilled (version 6) which depends on resize-observer-polyfill: https://unpkg.com/browse/[email protected]/polyfilled.js
which returns the global ResizeObserver constructor when it's available: https://github.com/que-etc/resize-observer-polyfill/blob/4a148452494a155656e4d04b9732b5914896b2e0/src/index.js#L4
As it's a UMD module, it's transformed by @rollup/plugin-commonjs on building, which would add a getAugmentedNamespace() wrapper (https://github.com/rollup/plugins/blob/master/packages/commonjs/src/helpers.js#L37), which doesn't handle the new case.

Could be easily fixed in Rollup.

from vite-plugin-react.

Fixed in @rollup/plugin-commonjs v23.0.3, which is included in vite v4.0.0-alpha.6.

from vite-plugin-react.

Fixed in @rollup/plugin-commonjs v23.0.3, which is included in vite v4.0.0-alpha.6.

i'm using vite@v3, do we have an update in v3?

from vite-plugin-react.

Vite 4 contains very few breaking changes, so I recommend upgrading to it if possible.

If not, you can open a PR in the Vite repository to backport the dependency upgrade to the v3 branch.

from vite-plugin-react.