The dreaded IE11

[JemiloII]

Been using next.js which uses babel to transpile. Found that it's a dependency balance-text isn't using the minified version, which looks es5, and is instead using the es6 version. For the modern browser, this is okay, but for IE11, ah it breaks. Wondering if you guys wouldn't mind updating the package. :)

[luciovilla]

Hi @JemiloII, I was able to fix this in my Next.js config file. By default Next.js does not run Babel on node modules so you just have to include them. Below is how to add balance-text in your next.config.js file so it can be use Babel to transpile:

module.exports = {
 
  webpack(config, options) {
    config.module.rules.push({
      test: /\.(js|jsx)$/,
      exclude: /node_modules\/(?!(balance-text)\/).*/,
      use: [options.defaultLoaders.babel],
    })

    return config
  }
}