Polyfilling String.prototype.replaceAll

[kripod]

As far as I know, Next.js ships with its own set of polyfills instead of relying uponcorejs@3 through @babel/preset-env. What is the idiomatic way for making String.prototype.replaceAll available to IE11 users?

[jamesmosier]

Next recommends adding additional polyfills in your _app.js or in the component itself. Custom Polyfill docs

[kripod]

Thank you! Is there a chance that Next.js will implement replaceAll anytime soon?

[timneutkens]

At this point it's quite unlikely given that browser support is not there: https://caniuse.com/#search=replaceAll

We'd have to ship replaceAll to all browsers instead of just legacy ones given that edge does not support it.

[kripod]

Thanks for the answers! Where may I find a list of which functionality is polyfilled? I’m thinking about configuring eslint-plugin-compat based upon it.

[timneutkens]

The full list is available here: https://github.com/vercel/next.js/blob/canary/packages/next-polyfill-nomodule/src/index.js

[timneutkens]

These are only loaded in legacy browsers (the ones that do not support esmodules)

[kripod]

Wonderful, thank you! 🙏