title: Error On Build after updating mediasoup-client to v3.6.46 and Above Version
body: <p>I was using <strong>mediasoup-client 3.6.16</strong> and have updated to the latest version <strong>3.6.57</strong>.
  After updating I am not able to build. Using webpack (<strong>v2.4.1</strong>) to build.</p>
  <p><em><strong>Dependencies:</strong></em></p>
  <ul>
  <li>Node: v16.13.2</li>
  <li>NPM: 8.1.2</li>
  <li>React: 16.8.4</li>
  <li>React-Dom: 16.8.4</li>
  <li>Webpack: 2.4.1</li>
  <li>babel-core: 6.2.1</li>
  <li>babel-loader: 6.2.0</li>
  <li>babel-preset-es2015: 6.1.18</li>
  <li>babel-preset-react&quot;: 6.1.18</li>
  <li>babel-polyfill: 6.26.0</li>
  </ul>
  <p>Getting this error:</p>
  <pre><code>ERROR in ./~/mediasoup-client/lib/handlers/Chrome74.js
  Module parse failed: /home/notabot/Downloads/broadcasting_project/node_modules/mediasoup-client/lib/handlers/Chrome74.js Unexpected token (132:12)
  You may need an appropriate loader to handle this file type.
  |             rtcpMuxPolicy: 'require',
  |             sdpSemantics: 'unified-plan',
  |             ...additionalSettings
  |         }, proprietaryConstraints);
  |         // Handle RTCPeerConnection connection status.
   @ ./~/mediasoup-client/lib/Device.js 34:19-49
   @ ./~/mediasoup-client/lib/index.js
   @ ./src/components/page/assistant/assistant-main.js
   @ ./src/components/page/teacher/app.js
   @ ./src/index.js
   @ multi ./src/index.js babel-polyfill
  </code></pre>
  <p>The need for updating the <strong>mediasoup-client</strong> was using the feature <strong>profile-level-id</strong>
  Thus updated to the latest version, however, as soon as I updated to v3.6.57 and made <strong>no change to code</strong>, and tried to build it <strong>fails</strong>.</p>
  <p>Then tried backtracking and found that after version <strong>v3.6.45</strong> I am not able to create the build.</p>
  <p>Just wanted to know what I am doing wrong that has resulted in an issue when I am creating the build and how to correct it?</p>
  <p><em><strong>Additions Information:</strong></em></p>
  <p>Importing format: <em><strong>import { Device } from &quot;mediasoup-client&quot;</strong></em></p>
  <p>webpack.config.js:</p>
  <pre><code>const webpack = require(&quot;webpack&quot;);
  module.exports = {
    entry: [
      './src/index.js',
      'babel-polyfill'
    ],
    output: {
      path: __dirname,
      publicPath: './',
      filename: 'bundle.js'
    },
    module: {
      loaders: [
        {
          exclude: /node_modules/,
          loader: 'babel-loader',
          query: {
            presets: ['react', 'es2015', 'stage-1']
          }
        },
        { test: /\.css$/, loader: &quot;style-loader!css-loader&quot; }
      ]
    },
    resolve: {
      extensions: ['.js', '.jsx']
    },
    devServer: {
      inline: false,
      historyApiFallback: true,
      contentBase: './'
    },
    node: {
      console: true,
      fs: 'empty',
      net: 'empty',
      tls: 'empty'
    },
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          'NODE_ENV': JSON.stringify('production')
        }
      }),
      // new webpack.optimize.UglifyJsPlugin()
   ]
  };
  
  </code></pre>