Image "sizes" prop breaks older browsers becuse String.prototype.matchAll is not polyfilled

[skrivanos]

What version of Next.js are you using?

10.2.0

What version of Node.js are you using?

14

What browser are you using?

Firefox 55

What operating system are you using?

MacOS

How are you deploying your application?

Other

Describe the Bug

Seeing this error in production from older browsers:

n.matchAll is not a function. (In 'n.matchAll(/(^|\s)(1?\d?\d)vw/g)', 'n.matchAll' is undefined)

next/image uses String.prototype.matchAll and which does not seem to get polyfilled correctly. This means that using the "sizes" prop breaks the application for older browsers.

Expected Behavior

Polyfill String.prototype.matchAll

To Reproduce

https://github.com/skrivanos/next-image-matchall-repro

yarn build && yarn start

browse to index with for instance ie11 or firefox 55. Voila!

[timneutkens]

Handled by #24569 which is currently on canary.

[skrivanos]

@timneutkens thanks - looks like Google failed me. Sorry for the trouble.

[Grsmto]

For SEO purpose I leave this here:
It also break the build if you're using Node < 12.0 since matchAll was added to Node only from 12.0.0.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.