title: IE11 support react-id-swiper in Next.js
body: <p>I'm using <a href="https://github.com/kidjp85/react-id-swiper" rel="nofollow noreferrer">react-id-swiper</a> in a project but IE11 breaks the app. I was reading that you need to transpile with webpack config but that doesn't work with Next.js webpack.</p>
  
  <p>next.config.js</p>
  
  <pre class="lang-js prettyprint-override"><code>const webpack = require("webpack");
  module.exports = {
    webpack: (config, { defaultLoaders }) =&gt; {
      config.module.rules.push({
        exclude: [/node_modules\/(?!(swiper|dom7)\/).*/, /\.test\.js(x)?$/],
        test: /\.js(x)?$/,
        use: defaultLoaders.babel
      });
      return config;
    }
  };
  </code></pre>