.babelrc

{
  "env": {
    "development": {
      "presets": ["@babel/preset-env", "@babel/preset-react"],
      "plugins": [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-class-properties",
        "react-hot-loader/babel",
        "@babel/plugin-proposal-optional-chaining",
        [
          "react-css-modules",
          {
            "generateScopedName": "[local]--[hash:base64:5]",
            "filetypes": {
              ".scss": {
                "syntax": "postcss-scss",
                "plugins": ["postcss-nested"]
              }
            }
          }
        ]
      ]
    },
    "production": {
      "presets": ["@babel/preset-env", "@babel/preset-react"],
      "plugins": [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-react-constant-elements",
        "transform-react-remove-prop-types",
        "@babel/plugin-proposal-optional-chaining",
        [
          "react-css-modules",
          {
            "generateScopedName": "[local]--[hash:base64:5]",
            "filetypes": {
              ".scss": {
                "syntax": "postcss-scss",
                "plugins": ["postcss-nested"]
              }
            }
          }
        ]
      ]
    },
    "test": {
      "presets": ["@babel/preset-env", "@babel/preset-react"],
      "plugins": [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-proposal-optional-chaining",
        [
          "react-css-modules",
          {
            "generateScopedName": "[local]--[hash:base64:5]",
            "filetypes": {
              ".scss": {
                "syntax": "postcss-scss",
                "plugins": ["postcss-nested"]
              }
            }
          }
        ]
      ]
    }
  }
}