babel.config.js

const presets = [
  'next/babel'
]

const plugins = [
  [
    'styled-components',
    {
      ssr: true,
      displayName: true,
      preprocess: false
    }
  ],
  [
    'module-resolver',
    {
      root: ['./'],
      alias: {
        components: './components',
        layouts: './layouts',
        pages: './pages',
        tooling: './tooling',
        utilities: './utilities'
      }
    }
  ]
]

const env = {
  test: {
    presets: [
      [
        'next/babel',
        { env: { modules: 'commonjs' } }
      ]
    ]
  }
}

module.exports = {
  presets,
  plugins,
  env
}