.babelrc.js

module.exports = {
  presets: ['next/babel'],
  plugins: [
    // Support TypeScript decorators (required for TypeGraphQL)
    'babel-plugin-transform-typescript-metadata',
    ['@babel/plugin-proposal-decorators', { legacy: true }],
    ['@babel/plugin-proposal-class-properties', { loose: true }],
    'babel-plugin-parameter-decorator',
    // Resolve imports to top level directory for better tree shaking.
    [
      'babel-plugin-transform-imports',
      {
        '@material-ui/core': {
          transform: '@material-ui/core/${member}',
          preventFullImport: true,
        },
        '@material-ui/icons': {
          transform: '@material-ui/icons/${member}',
          preventFullImport: true,
        },
        '@material-ui/lab': {
          transform: '@material-ui/lab/${member}',
          preventFullImport: true,
        },
      },
    ],
  ],
  ignore: ['node_modules', 'public'],
  env: {
    test: {
      presets: [
        [
          'next/babel',
          {
            'preset-env': {
              targets: {
                node: 'current',
              },
              modules: 'commonjs',
            },
          },
        ],
      ],
    },
  },
};