babel.config.js

const getPlugins = ({
	isDevelopment = false,
	isTypescript = false,
	isTSX = false,
} = {}) => [
	'./config/babel-plugin-xiva-dependency',
	isTypescript && ['@babel/plugin-transform-typescript', {
		isTSX,
		allowDeclareFields: true,
	}],
	['@babel/plugin-proposal-decorators', {legacy: true}],
	['@babel/plugin-proposal-class-properties', {loose: true}],
	['@babel/plugin-proposal-private-methods', {loose: true}],
	'babel-plugin-macros',
	'babel-plugin-lodash',
	!isDevelopment && ['babel-plugin-transform-react-remove-prop-types', {
		removeImport: true,
	}],
	'./locale/babel-plugin-transform-react.js',
	['@babel/plugin-transform-runtime', {
		corejs: {version: 3},
		useESModules: true,
		version: '^7.12.5',
	}],
].filter(item => !!item)

const needsNodeTarget = caller => false
	|| caller?.name === '@babel/register'
	|| caller?.name === '@babel/node'
	|| caller?.name === 'babel-jest'

module.exports = api => ({
	presets: [
		['@babel/preset-env', {
			// If running under register, we need to swap down to node target, otherwise
			// permit fallback to browserslist config handling.
			targets: api.caller(needsNodeTarget)
				? {node: true}
				: undefined,
		}],
		['@babel/preset-react', {
			development: api.env('development'),
			runtime: 'automatic',
		}],
	],

	overrides: [{
		test: /\.jsx?$/,
		plugins: getPlugins({isDevelopment: api.env('development')}),
	}, {
		test: /\.ts$/,
		plugins: getPlugins({isDevelopment: api.env('development'), isTypescript: true}),
	}, {
		test: /\.tsx$/,
		plugins: getPlugins({isDevelopment: api.env('development'), isTypescript: true, isTSX: true}),
	}],
})