babel.config.js

module.exports = function (api) {
  const isDevelopment = api.env('development');

  return {
    presets: [
      [
        '@babel/preset-env',
        {
          useBuiltIns: 'usage',
          shippedProposals: true,
          bugfixes: true,
          loose: true,
          corejs: {
            version: '3.32',
            proposals: true,
          },
        },
      ],
      '@babel/preset-react',
      [
        '@babel/preset-typescript',
        {
          allExtensions: true,
          isTSX: true,
        },
      ],
    ],
    plugins: [
      '@babel/plugin-transform-class-properties',
      'styled-components',
      'date-fns',
      [
        'transform-imports',
        {
          'react-virtualized': {
            transform: 'react-virtualized/dist/commonjs/${member}/${member}',
            preventFullImport: true,
          },
        },
      ],
      ...[isDevelopment && 'react-refresh/babel'].filter(Boolean),
    ],
  };
};