.babelrc.js

require('dotenv').config();

module.exports = {
  "presets": ["next/babel"],
  "plugins": [
    [
      "module-resolver",
      // https://github.com/tleunen/babel-plugin-module-resolver#getting-started
      {
        "root": ["./"],
        "alias": {
          "components": "./components",
          "constants": "./constants",
          "pages": "./pages",
          "lib": "./lib",
          "typegen": "./typegen",
        }
      }
    ],
    "@babel/plugin-proposal-class-properties", // ttag extraction & resolve needs it, even though it's included in next/babel...
    "@babel/plugin-proposal-optional-chaining",
    [ // Need to be put last so that it can replace all strings
      'ttag', {resolve: {translations: `i18n/${process.env.LOCALE || 'en_US'}.po`}, dedent: true,}
    ],
  ]
}