.babelrc.cjs

const isDevelopment = process.env.NODE_ENV !== 'production';
const envPreset = isDevelopment
  ? ['@babel/preset-env', { loose: true }]
  : [
      '@babel/preset-env',
      {
        modules: false,
        // Allow importing core-js in entrypoint and use browserlist to select polyfills
        useBuiltIns: 'entry',
        // Set the corejs version we are using to avoid warnings in console
        corejs: 3,
        // Exclude transforms that make all code slower
        exclude: ['transform-typeof-symbol'],
        loose: true,
        "targets": {
          "node": "current"
        }
      },
    ];

module.exports = {
  'presets': [
    [
      '@babel/preset-react',
      {
        development: isDevelopment,
      },
    ],
    [
      '@babel/preset-typescript',
      {
        'isTSX': true,
        'allExtensions': true,
      },
    ],
    envPreset,
  ],
  'plugins': [
    ['@babel/plugin-proposal-class-properties', { 'loose': true }],
    '@babel/plugin-syntax-dynamic-import',
    [
      '@babel/plugin-transform-runtime',
      {
        corejs: false,
        helpers: !isDevelopment,
        regenerator: !isDevelopment,
        useESModules: !isDevelopment,
      },
    ],
  ],
  'env': {
    production: {
      'plugins': [
        [
          'babel-plugin-transform-react-remove-prop-types',
          {
            removeImport: true,
          },
        ],
      ],
    },
  },
};