.babelrc

{
  "presets": [
    [
      "@babel/preset-react",
      {
        "runtime": "automatic"
      }
    ],
    [
      "@babel/preset-env",
      {
        "targets": ["> 0.5%, last 2 versions, Firefox ESR, not dead, not IE 11, maintained node 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-transform-export-namespace-from",
      {
        "loose": false
      }
    ],
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    "@babel/plugin-proposal-do-expressions",
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-function-bind",
    "@babel/plugin-proposal-function-sent",
    "@babel/plugin-transform-logical-assignment-operators",
    [
      "@babel/plugin-transform-typescript",
      {
        "allowDeclareFields": true
      }
    ],
    [
      "@babel/plugin-transform-nullish-coalescing-operator",
      {
        "loose": false
      }
    ],
    "@babel/plugin-transform-numeric-separator",
    [
      "@babel/plugin-transform-optional-chaining",
      {
        "loose": false
      }
    ],
    [
      "@babel/plugin-proposal-pipeline-operator",
      {
        "proposal": "minimal"
      }
    ],
    [
      "@babel/plugin-transform-private-methods",
      {
        "loose": false
      }
    ],
    "@babel/plugin-proposal-throw-expressions",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-syntax-import-meta",
    "@babel/plugin-transform-json-strings",
    [
      "@babel/plugin-transform-runtime",
      {
        "regenerator": true
      }
    ],
    "lodash"
  ]
}