.babelrc

{
  "env": {
    "production": {
      "presets": ["next/babel"],
      "plugins": [
        [
          "babel-plugin-inline-react-svg",
          {
            "svgo": {
              "plugins": [
              {
                "name": "removeViewBox", 
                "active": false
              }]
            }
          }
        ],
        [
          "babel-plugin-transform-react-remove-prop-types",
          {
            "mode": "wrap"
          }
        ],
        "@babel/plugin-proposal-nullish-coalescing-operator",
        "@babel/plugin-proposal-optional-chaining"
      ]
    },
    "development": {
      "presets": ["next/babel"],
      "plugins": [
        "babel-plugin-inline-react-svg", 
        "@babel/plugin-proposal-nullish-coalescing-operator",
        "@babel/plugin-proposal-optional-chaining"
      ]
    },
    "test": {
      "presets": ["next/babel"],
      "plugins": [
        "babel-plugin-inline-react-svg", 
        "@babel/plugin-proposal-nullish-coalescing-operator",
        "@babel/plugin-proposal-optional-chaining"
      ]
    }
  }
}