Type-only files cause issues with Parcel bundler

Description

When bundling chakra with parcel, a runtime error occurs because type-only files in chakra get compiled to empty modules which cannot be identified as ESM.

Link to Reproduction

Cannot be reproed in code sandbox; see STR.

Steps to reproduce

1. Clone https://github.com/matt-tingen/parcel-export-repro
2. git checkout chakra
3. yarn
4. yarn full
5. Open page in browser
6. Observe error in console e.g. Uncaught ReferenceError: $b8b48c5226d10867$exports is not defined

Chakra UI Version

1.6.4

Browser

Firefox 89.0

Operating System

• macOS
• Windows
• Linux

Additional Information

See https://github.com/parcel-bundler/parcel/issues/6361 for background.

Per the parcel team, the correct fix here is for empty ESM modules to export {} which will be applied automatically in babel >= 7.14.4. Could we update babel in chakra or otherwise disambiguate/exclude type-only files?

[matt-tingen]

This is now resolved within parcel. The ask here (updating babel) is no longer relevant so I’m closing the issue.

[matt-tingen]

My workaround is to use patch-package to add export {}; to the following files:

• node_modules/@chakra-ui/react-utils/dist/esm/types.js
• node_modules/@chakra-ui/utils/dist/esm/types.js