Next 13 [Fetching non-iso urls]

[asimMoh]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Arch: x64
Version: Windows 10 Pro
Binaries:
Node: 16.17.0
npm: N/A
Yarn: N/A
pnpm: N/A
Relevant packages:
next: 13.0.2-canary.2
eslint-config-next: 13.0.1
react: 18.2.0
react-dom: 18.2.0

What browser are you using? (if relevant)

106.0.5249.119 (Official Build) (64-bit) (cohort: Stable)

How are you deploying your application? (if relevant)

No response

Describe the Bug

I think this error is related to the new Router, when prefetching links with Arabic/Persian.
PREFETCH ERROR TypeError: Failed to execute 'fetch' on 'Window': Failed to read the 'headers' property from 'RequestInit': String contains non ISO-8859-1 code point.

Expected Behavior

It should work like in Next 12.

Link to reproduction

https://github.com/asimMoh/non-iso

To Reproduce

add some links with non-iso url

<Link href="/مرحبا">Non ISO</Link>
<Link href="ecodeURIComponent('/مرحبا')">Non ISO</Link>

[Marcus-Rise]

same issue in this repo

https://github.com/Marcus-Rise/knitting-blog/blob/refactor/src/post/components/card/post-card.component.tsx#L27

example /джемпер-вечерние-флоксы

[Marcus-Rise]

reproduced in this test: 268c230

[Marcus-Rise]

think, that problem is hiding here https://github.com/vercel/next.js/blob/canary/packages/next/client/components/app-router.tsx#L68

[Marcus-Rise]

just coded a recursive function, that escapes router app segment value #42626