Html-react-parser: es6 code sneak in / breaks ie11

Thanks for opening this issue @lhtdesignde

This is happening because webpack prioritizes module over main from package.json:

So instead of:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'module', 'main'],
  },
};

See if you can do:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'main', 'module'],
  },
};

See resolve.mainFields

Also, what version of webpack are you using?

webpack 5.16.0

SO good! Thanks for this answer @remarkablemark. That made it work!

Great to hear! Can this issue be closed @lhtdesignde?

yes thanks!

Just a heads up @lhtdesignde, I published v1.2.4, which refactors ES6 to ES5 syntax in index.mjs.

This should fix the root cause of your issue (you can undo your webpack.config.js changes).

thank you very much! I prefer that since the change in my config caused my vendor file to significantly increase in size.

You're welcome! Let me know if you encounter any issues.