fix: build cjs with interop: auto

babel.config.js

@@ -4,6 +4,7 @@ module.exports = {
     'babel-plugin-styled-components',
     '@babel/plugin-transform-runtime',
     [
+      // https://4x.ant.design/docs/react/getting-started#Import-on-Demand
       'import',
       {
         libraryName: 'antd',

package.json

@@ -59,20 +59,20 @@
     "react-image-size": "^2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.6",
-    "@babel/eslint-parser": "^7.23.3",
-    "@babel/plugin-transform-runtime": "^7.23.6",
-    "@babel/preset-env": "^7.23.6",
+    "@babel/core": "^7.23.9",
+    "@babel/eslint-parser": "^7.23.10",
+    "@babel/plugin-transform-runtime": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
-    "@babel/runtime": "^7.23.6",
+    "@babel/runtime": "^7.23.9",
     "@mll-lab/eslint-config": "^3.1.0",
     "@mll-lab/eslint-plugin": "^1.3.4",
     "@mll-lab/prettier-config": "^1.0.0",
     "@mll-lab/tsconfig": "^3.0.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^7.5.3",
@@ -116,7 +116,7 @@
     "react-hotkeys": "^2.0.0",
     "react-is": "^18.2.0",
     "require-from-string": "^2.0.2",
-    "rollup": "^4.5.1",
+    "rollup": "^4.9.6",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-styles": "^4.0.0",
     "semantic-release": "^22.0.8",
@@ -129,5 +129,5 @@
     "typescript": "^5.3.2",
     "webpack": "^5.89.0"
   },
-  "packageManager": "yarn@4.0.2"
+  "packageManager": "yarn@4.1.0"
 }

rollup.config.js

@@ -1,4 +1,4 @@
-import babel from '@rollup/plugin-babel';
+import { babel } from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
@@ -16,6 +16,9 @@ export default {
       file: pkg.main,
       format: 'cjs',
       sourcemap: true,
+      // https://rollupjs.org/configuration-options/#output-interop
+      // Necessary in order for jest in consumers to work
+      interop: 'auto',
     },
     {
       file: pkg.module,
@@ -33,6 +36,9 @@ export default {
   // 9: var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
   context: 'this',
 
+  // https://www.npmjs.com/package/@rollup/plugin-babel#babelhelpers
+  external: [/@babel\/runtime/],
+
   plugins: [
     peerDepsExternal(),
     resolve(),