CHANGE the babel config occording to Hypnos suggestions

.babelrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
-    ['@babel/preset-env', { shippedProposals: true }],
+    ['@babel/preset-env', { shippedProposals: true, useBuiltins: 'usage' }],
     '@babel/preset-react',
     '@babel/preset-flow',
   ],
@@ -25,7 +25,10 @@ module.exports = {
   overrides: [
     {
       test: './examples/vue-kitchen-sink',
-      presets: [['@babel/preset-env', { shippedProposals: true }], 'babel-preset-vue'],
+      presets: [
+        ['@babel/preset-env', { shippedProposals: true, useBuiltins: 'usage' }],
+        'babel-preset-vue',
+      ],
     },
     {
       test: [

app/react-native/src/server/config/babel.js

@@ -6,6 +6,7 @@ module.exports = {
       require.resolve('babel-preset-env'),
       {
         modules: process.env.NODE_ENV === 'test' ? 'commonjs' : false,
+        shippedProposals: true,
       },
     ],
     require.resolve('babel-preset-react'),

lib/cli/generators/METEOR/index.js

@@ -41,7 +41,10 @@ export default async npmOptions => {
     babelrc.plugins = babelrc.plugins || [];
   } else {
     babelrc = {
-      presets: ['@babel/preset-env', '@babel/preset-react'],
+      presets: [
+        ['@babel/preset-env', { shippedProposals: true, useBuiltins: 'usage' }],
+        '@babel/preset-react',
+      ],
     };
 
     packageJson.devDependencies['@babel/preset-env'] = presetEnvVersion;

lib/core/src/server/common/babel.js

@@ -15,7 +15,10 @@ export default ({ configType }) => {
   const prodPresets = isProd ? createProdPresets() : [];
 
   return {
-    presets: [require.resolve('@babel/preset-env'), ...prodPresets],
+    presets: [
+      [require.resolve('@babel/preset-env'), { shippedProposals: true, useBuiltins: 'usage' }],
+      ...prodPresets,
+    ],
     plugins: [
       require.resolve('babel-plugin-macros'),
       require.resolve('@babel/plugin-transform-regenerator'),

lib/core/src/server/config/utils.js

@@ -47,8 +47,3 @@ export function loadEnv(options = {}) {
     raw: fullRaw,
   };
 }
-
-export const getBabelRuntimePath = () => {
-  const pkgJsonPath = require.resolve('@babel/runtime/package.json');
-  return path.dirname(pkgJsonPath);
-};

lib/core/src/server/manager/manager-webpack.config.js

@@ -8,7 +8,7 @@ import findCacheDir from 'find-cache-dir';
 
 import { version } from '../../../package.json';
 import { getManagerHeadHtml } from '../utils/template';
-import { loadEnv, getBabelRuntimePath } from '../config/utils';
+import { loadEnv } from '../config/utils';
 
 const coreDirName = path.dirname(require.resolve('@storybook/core/package.json'));
 const context = path.join(coreDirName, '../../node_modules');
@@ -58,7 +58,7 @@ export default ({ configDir, configType, entries, outputDir, cache }) => {
       extensions: ['.mjs', '.js', '.jsx', '.json'],
       modules: ['node_modules'].concat(raw.NODE_PATH || []),
       alias: {
-        '@babel/runtime': getBabelRuntimePath(),
+        'core-js': require.resolve('core-js'),
         react: require.resolve('react'),
         'react-dom': require.resolve('react-dom'),
       },

lib/core/src/server/preview/iframe-webpack.config.js

@@ -82,6 +82,9 @@ export default ({
       extensions: ['.mjs', '.js', '.jsx', '.json'],
       modules: ['node_modules'].concat(raw.NODE_PATH || []),
       mainFields: ['browser', 'main', 'module'],
+      alias: {
+        'core-js': require.resolve('core-js'),
+      },
     },
     optimization: {
       splitChunks: {

lib/ui/scripts/createDlls.js

@@ -20,18 +20,18 @@ const run = () =>
     config({
       entry: {
         storybook_ui: [
-          'core-js/fn/array/iterator',
+          '@emotion/core',
+          '@emotion/provider',
+          '@emotion/styled',
+          '@storybook/addons',
+          '@storybook/components',
+          '@storybook/core-events',
           'airbnb-js-shims',
           'core-js/es6/symbol',
-          'react',
+          'core-js/fn/array/iterator',
           'prop-types',
           'react-dom',
-          '@storybook/components',
-          '@storybook/addons',
-          '@storybook/core-events',
-          '@emotion/styled',
-          '@emotion/provider',
-          '@emotion/core',
+          'react',
           resolveLocal('../dist/index.js'),
         ],
       },