next.js icon indicating copy to clipboard operation
next.js copied to clipboard

Next Link with prefetch={false} disables client side navigation

Open Fredkiss3 opened this issue 1 year ago • 1 comments

Verify canary release

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

Provide environment information

Operating System: Platform: linux Arch: x64 Version: Ubuntu 20.04.0 LTS Mon Nov 07 2022 11:47:42 GMT+0100 (heure normale d’Europe centrale) Binaries: Node: 16.14.2 npm: 7.17.0 Yarn: 1.22.19 pnpm: 7.13.6 Relevant packages: next: 13.0.3-canary.0 eslint-config-next: N/A react: 18.2.0 react-dom: 18.2.0

What browser are you using? (if relevant)

Chrome 106.0.5249.119 (arm64)

How are you deploying your application? (if relevant)

No response

Describe the Bug

When using <Link prefetch={false}> it disables client-side navigation. Even on hovering, there is no preloading, although the documentation says so : image

Expected Behavior

It should not disable client side navigation ?

Link to reproduction

https://stackblitz.com/edit/nextjs-ef22cg?file=app%2Fnested%2Floading.tsx,app%2Fnested%2Fpage.tsx,app%2Fpage.tsx

To Reproduce

Go the reproduction link, open the page in a new tab to see it, then go to the home page, click on the link to nested route, you'll see the browser reload.

Fredkiss3 avatar Nov 07 '22 11:11 Fredkiss3

Thanks, created a more minimal reproduction, we will look into this.

https://github.com/balazsorban44/nextjs-42575

balazsorban44 avatar Nov 08 '22 07:11 balazsorban44

Duplicate of #42175

aprendendofelipe avatar Nov 09 '22 12:11 aprendendofelipe

Go to https://github.com/vercel/next.js/issues/42175 to follow the issue resolution

Fredkiss3 avatar Nov 09 '22 15:11 Fredkiss3