Link is not prefetching on hover if prefetch=false is given - as per documentation

[adiathasan]

Verify canary release

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

Provide environment information

Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 22.4.0: Mon Mar  6 21:01:02 PST 2023; root:xnu-8796.101.5~3/RELEASE_ARM64_T8112
    Binaries:
      Node: 16.18.1
      npm: 8.19.2
      Yarn: 1.22.19
      pnpm: N/A
    Relevant packages:
      next: 13.4.5-canary.0
      eslint-config-next: 13.4.4
      react: 18.2.0
      react-dom: 18.2.0
      typescript: 5.0.4

Which area(s) of Next.js are affected? (leave empty if unsure)

Routing (next/router, next/navigation, next/link)

Link to the code that reproduces this issue or a replay of the bug

https://github.com/adiathasan/mui-react-hook-form-plus/tree/master/next-server-components-demo

To Reproduce

• First add a link to another page and set <Link prefetch={false} href="/your-route" /> - by default prefetch=true

import Link from 'next/link';

export default function Home() {
	return (
		<div>
			<Link prefetch={false} href='/mui'>
				MUI
			</Link>
		</div>
	);
}

• create /your-route directories as per suggested in the app dir

• terminal 👉 yarn build

• open port http://localhost:3000

• inspect dev tools

• go to network tab

• see hovering on the link that points to /your-route

Describe the Bug

It is being said that in the Link component if we set prefetch=false it will prefetch the route on hover. Below is the ss of what's coming from the description of the prop. See image v

But it's not fetching the route on hover in the background

Expected Behavior

Should fetch the page on hover if prefetch=false is set on hover in Link / next/link

Which browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

Local build, next start

[joacub]

That’s is disabled for app router

if (!prefetchEnabled && isAppRouter) {
return
}

[adiathasan]

That’s is disabled for app router

if (!prefetchEnabled && isAppRouter) { return }

Why is that, can anyone explain?

[deepakrh185]

To be clear that prefetching will not work in dev mode will only works in production mode @adiathasan

[adiathasan]

To be clear that prefetching will not work in dev mode will only works in production mode @adiathasan

Yeah, I have built the app and tried it to be clear if you see above.

[ts213]

That’s is disabled for app router
if (!prefetchEnabled && isAppRouter) { return }

Why is that, can anyone explain?

I'm also interested.

[TomJD]

Any news on this?

It is a bug, or the documentation needs updating that prefetch={false} does not actually prefetch on hover.

I am running the app in production, all other links in the viewport prefetch as expected and written in docs.

[oliviertassinari]

I would expect that prefetch on hover continue to work. It seems another regression like #61816.