Rewrites with has condition throws fromEntries error in older browsers

[jamsinclair]

What version of Next.js are you using?

10.2.0

What version of Node.js are you using?

14.16.0

What browser are you using?

Safari 11.1.2

What operating system are you using?

iOS

How are you deploying your application?

next start

Describe the Bug

We've recently added some rewrites to our app that use the has rewrite condition.

Since deploying we've seen an uptick in the following errors on users with non-major browsers (e.g. iOS Safari 11.1.2):

Object.fromEntries is not a function. (In 'Object.fromEntries(document.cookie.split("; ").map((function(e){var t=e.split("="),r=n(t);return[r[0],r.slice(1).join("=")]})))', 'Object.fromEntries' is undefined)

This correlates back to

next.js/packages/next/next-server/lib/router/utils/resolve-rewrites.ts

Lines 46 to 49 in d130f63

	cookies: Object.fromEntries(
	document.cookie.split('; ').map((item) => {
	const [key, ...value] = item.split('=')
	return [key, value.join('=')]

Looks like last year the team decided not to include the fromEntries polyfill #15772 (comment)

Expected Behavior

Next.js browser bundled code does not use newer methods that aren't polyfilled

To Reproduce

Setup your next.config.js with a rewrite that uses the has condition and visit the page with a browser that does not support fromEntries.

module.exports = {
   async rewrites() {
        return [{
             source: '/foo',
             has: {
                type: 'query',
                key: 'test',
             },
             destination: '/bar'
        }]
   }
}

In the above example, you would visit <nextjs host>/foo?test

[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.