.babelrc

{
    "presets": [
        ["@babel/preset-react", {
            "runtime": "automatic"
        }],
        [
        "@babel/preset-env",
        {
            "targets": [
            "last 2 Chrome versions",
            "last 2 Safari versions",
            "last 2 Firefox versions"
            ]
        }
        ],
        "@babel/preset-typescript"
    ],
    "plugins": [
        // https://material-ui.com/guides/minimizing-bundle-size/
        [
            "babel-plugin-import",
            {
                "libraryName": "@material-ui/core",
                // Use "'libraryDirectory': ''," if your bundler does not support ES modules
                "libraryDirectory": "esm",
                "camel2DashComponentName": false
            },
            "core"
        ],
        [
            "babel-plugin-import",
            {
            "libraryName": "@material-ui/icons",
            // Use "'libraryDirectory': ''," if your bundler does not support ES modules
            "libraryDirectory": "esm",
            "camel2DashComponentName": false
            },
            "icons"
        ],
        [
            "@babel/plugin-proposal-class-properties",
            {
                "loose": false
            }
        ],
        [
            "@babel/plugin-proposal-decorators",
            {
                "legacy": true
            }
        ],
        "@babel/plugin-proposal-do-expressions",
        "@babel/plugin-proposal-export-default-from",
        "@babel/plugin-proposal-export-namespace-from",
        "@babel/plugin-proposal-function-bind",
        "@babel/plugin-proposal-function-sent",
        "@babel/plugin-proposal-logical-assignment-operators",
        [
            "@babel/plugin-proposal-nullish-coalescing-operator",
            {
                "loose": false
            }
        ],
        "@babel/plugin-proposal-numeric-separator",
        [
            "@babel/plugin-proposal-optional-chaining",
            {
                "loose": false
            }
        ],
        [
            "@babel/plugin-proposal-pipeline-operator",
            {
                "proposal": "minimal"
            }
        ],
        [
            "@babel/plugin-proposal-private-methods",
            {
                "loose": false
            }
        ],
        "@babel/plugin-proposal-throw-expressions",
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-syntax-import-meta",
        "@babel/plugin-proposal-json-strings",
        "@babel/plugin-transform-runtime"
    ]
}