Calcite React does not work with Vite

[mpayson]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

The new auto-import mechanism for calcite-react-components does not work with Vite, either with the dev server or in a production build. The components do not load, and there are import errors in the console

Note, apps can load if they import the calcite components independently, but the console errors will still be logged

Related issue for vitest that was resolved #7486

Expected Behavior

Calcite react can be used with Vite

Reproduction Sample

https://stackblitz.com/edit/vitejs-vite-1r2cnf

Reproduction Steps

1. Open console and run app
2. See errors in console log
3. See button doesn't load

Also, I'm surprised that there are errors coming from trying to import many different calcite components, since only the button is used in the sample -- maybe the button is dependent on these components, or the import mechanism is trying to import all calcite components?

Reproduction Version

1.6.1

Relevant Info

No response

Regression?

1.4.3

Priority impact

p0 - emergency

Impact

I marked this as an emergency because it makes the components unusable with a common build tool, and the auto-import mechanism seems unstable, but apps may become dependent on it since it is released (let me know if this is not a correct assessment)

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react

Esri team

ArcGIS Online

[benelan]

Hi @mpayson! We are already looking into this via #7575. Closing this one as a duplicate.