.babelrc

{
    "presets": [
        "@babel/preset-react",
        [
            "@babel/preset-typescript",
            {
                "isTSX": true,
                "allExtensions": true,
                "allowNamespaces": false,
                "allowDeclareFields": true
            }
        ],
        [
            "@babel/preset-env",
            {
                "modules": false,
                "useBuiltIns": false,
                "loose": false
            }
        ]
    ],
    "plugins": [
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-proposal-nullish-coalescing-operator",
        "@babel/plugin-proposal-optional-chaining",
        "babel-plugin-styled-components"
    ],
    "env": {
        "test": {
            "sourceMaps": "inline",
            "retainLines": true,
            "presets": [
                [
                    "@babel/preset-env",
                    {
                        "targets": {
                            "node": "current"
                        }
                    }
                ]
            ]
        },
        "production": {
            "plugins": ["lodash", "@babel/plugin-transform-property-literals"]
        }
    }
}