.babelrc

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react",
        "@babel/preset-typescript"
    ],
    "plugins": [
        // Reuse babel's injected headers
        "@babel/plugin-transform-runtime",

        // Polyfill
        ["polyfill-corejs3", {
            "method": "usage-global"
        }],
        ["polyfill-regenerator", {
            "method": "usage-global"
        }],

        // Handle absolute imports
        ["babel-plugin-module-resolver", {
            "root": ["."],
            "extensions": [".js", ".jsx", ".ts", ".tsx"],
            "alias": {
                "#generated": "./generated",
                "#components": "./app/components",
                "#views": "./app/views",
                "#resources": "./app/resources",
                "#base": "./app/Base",
                "#ts": "./app/translate",
                "#gqlFragments": "./app/gqlFragments",
                "#redirects": "./app/redirects",
                "#utils": "./app/utils",
                "#hooks": "./app/hooks",
                "#types": "./app/types"
            }
        }],

        // Extends javascript support
        "@babel/plugin-syntax-dynamic-import",

        // Extends react support
        "@babel/plugin-transform-react-constant-elements",
        // "@babel/plugin-transform-react-inline-elements",

        // Extends graphql support
        "babel-plugin-graphql-tag"
    ]
}