title: Problem with JS output on IE11 using babel
body: <p>I'm writing JS app using webpack along with babel and preset-env to compile the code and ensure browser compatibility, the code is being compiled but I'm getting this error on IE11:</p>
  
  <p><a href="https://i.stack.imgur.com/vaf7Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vaf7Q.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/paFaG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/paFaG.png" alt="enter image description here"></a></p>
  
  <p>I'm also using @babel/preset-react because a part of my app is made on react.</p>
  
  <p>the script seems to be compiling/running ok until it reaches that line, babel is compiling the code but that line (which I think is a part of react-spring) throws an error.</p>
  
  <p>these are my config files:</p>
  
  <p><strong>package.json</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "name": "elementor-pl",
    "version": "1.0.0",
    "description": "Includes photologo blocks as elementor widgets",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "watch": "webpack --mode development --watch",
      "build": "webpack --mode production"
    },
    "keywords": [],
    "author": "Echko Limited",
    "license": "ISC",
    "devDependencies": {
      "@babel/core": "^7.4.3",
      "@babel/plugin-proposal-class-properties": "^7.4.0",
      "@babel/plugin-transform-runtime": "^7.4.4",
      "@babel/preset-env": "^7.4.3",
      "@babel/preset-react": "^7.0.0",
      "autoprefixer": "^9.5.1",
      "babel-loader": "^8.0.6",
      "browser-sync": "^2.26.3",
      "browser-sync-webpack-plugin": "^2.2.2",
      "css-loader": "^2.1.1",
      "file-loader": "^3.0.1",
      "mini-css-extract-plugin": "^0.5.0",
      "node-sass": "^4.11.0",
      "optimize-css-assets-webpack-plugin": "^5.0.1",
      "postcss-loader": "^3.0.0",
      "react": "^16.8.6",
      "react-dom": "^16.8.6",
      "sass-loader": "^7.1.0",
      "webpack": "^4.29.6",
      "webpack-bundle-analyzer": "^3.3.2",
      "webpack-cli": "^3.3.0",
      "webpack-dev-server": "^3.3.0"
    },
    "dependencies": {
      "@babel/runtime": "^7.4.4",
      "@glidejs/glide": "^3.3.0",
      "apollo-boost": "^0.3.1",
      "braintree-web": "^3.44.2",
      "graphql": "^14.2.1",
      "graphql-tag": "^2.10.1",
      "jquery": "^3.4.0",
      "owl.carousel": "^2.3.4",
      "react-app-polyfill": "^1.0.1",
      "react-slick": "^0.24.0",
      "react-spring": "^8.0.19",
      "react-translate": "^7.0.0",
      "slick-carousel": "^1.8.1"
    },
    "browserslist": {
      "production": [
        "&gt;0.05%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>.babelrc:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    "presets": ["@babel/preset-env", "@babel/preset-react"],
    "plugins": [
        "@babel/plugin-proposal-class-properties",
        "@babel/transform-runtime"
      ]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>webpack.config:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var path = require("path");
  var webpack = require("webpack");
  var BrowserSyncPlugin = require("browser-sync-webpack-plugin");
  var MiniCssExtractPlugin = require("mini-css-extract-plugin");
  const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
  // var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
  // const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  
  var PROXY_URL = 'http://localhost/explore/';
  
  module.exports = {
      entry: {
          front: "./src/index.js",
          dashboard: "./src/controls/index.js"
      },
      module: {
          rules: [{
                  test: /\.(js|jsx)$/,
                  exclude: [/node_modules/, /controls/],
                  use: {
                      loader: "babel-loader"
                  }
              },
              {
                  test: /\.(css|sass|scss)$/,
                  exclude: [/node_modules/, /controls/],
                  use: [
                      MiniCssExtractPlugin.loader,
                      'css-loader',
                      {
                          loader: 'postcss-loader',
                          options: {
                              plugins: () =&gt; [require('autoprefixer')({
                                  'browsers': ['&gt; 1%', 'last 2 versions']
                              })],
                          }
                      },
                      'sass-loader',
                  ]
              },
              {
                  test: /\.gql$/,
                  exclude: [/node_modules/, /controls/],
                  use: [
                    {
                      loader: 'graphql-tag/loader'
                    },
                  ]
              },
              {
                  test: /\.(jpe?g|png|gif|svg)$/i,
                  loader: 'file-loader',
                  options: {
                      name: 'img/[hash].[ext]',
                  },
              },
              {
                  test: /\.(eot|ttf|woff)$/i,
                  loader: 'file-loader',
                  options: {
                      name: 'fonts/[name].[ext]',
                  },
              }
          ]
      },
      output: {
          path: path.join(__dirname, "/"),
          filename: "[name]-bundle.js",
      },
      optimization: {
          minimizer: [
              new OptimizeCSSAssetsPlugin({}),
              // new UglifyJsPlugin(),
          ]
      },
      plugins: [
          new webpack.ProvidePlugin({
              $: 'jquery',
              jQuery: 'jquery',
              'window.jQuery': 'jquery'
          }),
          // new BundleAnalyzerPlugin(),
          new MiniCssExtractPlugin({
              filename: 'styles.css'
          }),
          new BrowserSyncPlugin({
              proxy: PROXY_URL,
              files: [
                  '**/*.php'
              ],
              reloadDelay: 0
          }, {
              reload: true,
              injectCss: true
          }),
      ]
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>Do you know what's causing this error and what could be a possible solution?</p>