.babelrc

{
  "presets": [
    // Use the latest JavaScript without needing to micromanage which syntax
    // transforms (and optionally, browser polyfills) are needed by your
    // target environment.
    //
    // Uses .browserslistrc to determine what plugins to use.
    "@babel/preset-env",

    // Load React specific plugins
    "@babel/preset-react"
  ],

  "plugins": [
    // Can speed up reconciliation and reduce garbage collection pressure
    // by hoisting React elements to the highest possible scope,
    // preventing multiple unnecessary reinstantiations.
    "@babel/plugin-transform-react-constant-elements",

    // Remove data-test-id attributes from your production builds.
    "babel-plugin-jsx-remove-data-test-id",

    // Enables the re-use of Babel's injected helper code to save on codesize
    "@babel/plugin-transform-runtime",

    // Add displayName to React.createClass calls
    "@babel/plugin-transform-react-display-name"
  ],

  "env": {
    "development": {
      "plugins": [
        "react-refresh/babel"
      ]
    }
  }
}