build: Ship components optimized with React Compiler

[frankieyan]

Short description

This integrates the React compiler to optimize components within the distributed packages, minimizing re-renders.

Caveats are that not all components/hooks can be optimized at this time, and those that are have not been deprecated will be addressed in future PRs:

• Some menu components, like MenuList, ContextMenuTrigger
• CheckboxField
• Tabs
• Tooltip
• KeyboardShortcut
• useForkRef
• useId
• Anything using polymorphicComponent, such as Box, Inline, Stack, etc.

The bundle size would also be increased by about 37%, due to the compiler's generated code (but not the runtime, which is externalized):

The left shows the bundle size using the current build step on main, using Rollup's TypeScript plugin. The right is with the compiler enabled with Babel, which had some of babel's runtime helpers inlined. Once externalized, the bundle size is decreased slightly:

Taking out the React compiler, while leaving the Babel build flow in place, results in a smaller bundle compared to when building with the TypeScript plugin (but very slightly larger gzipped), confirming that the size increase can be mostly attributed to the compiler's output.

References

https://react.dev/reference/react-compiler/compiling-libraries

PR Checklist

• Added tests for bugs / new features
• Updated docs (storybooks, readme)
• Reviewed and approved Chromatic visual regression tests in CI

[doist-bot]

This pull request successfully integrates the React Compiler into the build process, which is a significant step towards improving runtime performance. The changes to the build configuration and dependencies are logical. I've identified two minor issues in the custom logger implementation within babel.config.js: one regarding inconsistent log output that could hinder debugging, and another related to potential runtime errors due to unsafe property access. After addressing these points, the PR should be ready for merging.

[doist-bot]

This PR successfully integrates the React Compiler, a valuable performance optimization. The description provides a clear assessment of the impact, including the bundle size increase and the list of components not yet optimized. The build configuration changes are logical and well-implemented. A minor suggestion is provided to improve the compiler's logging behavior to differentiate between actual errors and expected compilation skips, which would make build outputs cleaner. With that adjustment, the PR is correct.