.babelrc

{
    "env": {
        "development": {
            "presets": [
                "next/babel",
            ]
        },
        "production": {
            "presets": [
                "next/babel"
            ]
        },
    },
    "plugins": [
        [
            "module-resolver",
            {
                "root": [
                    "./"
                ],
                "alias": {
                    "@/components": "./components/",
                    "@/assets": "./assets/",
                    "@/pages": "./pages/",
                    "@/store": "./store/",
                    "@/styles": "./styles/",
                    "@/types": "./types/",
                    "@/utils": "./utils/",
                    "@/static": "./static/",
                    "@/translations": "./translations/",
                    "@/routes": "./routes/",
                }
            }
        ],
        [
            "@babel/plugin-proposal-class-properties",
            {
                "loose": true
            }
        ],
        [
            "styled-jsx/babel",
            {
                "plugins": [
                    "styled-jsx-plugin-sass"
                ]
            }
        ]
    ]
}