[NEXT-1287] Docs: Problem of calling a page twice when navigating a page using nextLink

[holicreact]

What is the improvement or update you wish to see?

Problem of calling a page twice when navigating a page using nextLink

Is there any context that might help us understand?

If you apply the prefetch={false} option to nextLink, the page is called twice when navigating the page of a sub-dynamic segment of the dynamic segment path.

I am sending additional unnecessary API requests because I make API requests inside the page.

For example, when you have a [categorySlug][subCategorySlug] path, if you browse the categorySlug page, you request the page only once, but when you browse the subCategorySlug path, you request the page twice

If this is a bug, please fix it If it's not a bug, please let me know how to prevent page duplicate calls Thank you.

Does the docs page already exist? Please link to it.

**https://app-directory-v2.vercel.app/context

https://github.com/holicreact/app-directory-v2.git**

_{From SyncLinear.com | NEXT-1287}

[SamarthBagga]

HI, to better understand the issue you are facing, could you please share the code that you are currently running? The more details you can provide, the easier it will be to find the problem.

[thexpand]

@holicreact Could it be only in development because of the strict mode? Note that components mount, then unmount, and then they mount again when React is in strict mode. This happens only in development.

[holicreact]

HI, to better understand the issue you are facing, could you please share the code that you are currently running? The more details you can provide, the easier it will be to find the problem.

@SamarthBagga
thank this is link
https://github.com/holicreact/app-directory-v2

@holicreact엄격한 모드 때문에 개발 중일 수 있습니까? React가 엄격 모드에 있을 때 컴포넌트가 마운트되었다가 마운트 해제되었다가 다시 마운트된다는 점에 유의하십시오. 이것은 개발에서만 발생합니다.

@thexpand It's sad but It's working regardless of that.

[chaepling]

Having the same issue here. Can somebody please explain why this is happening? My logging plan exceeded due to this cause.

[holicreact]

Having the same issue here. Can somebody please explain why this is happening? My logging plan exceeded due to this cause.

@chaepling you too? I hope this problem is resolved soon

[smo043]

We are also seeing similar issues in production. I have apis on all of my pages, and the apis are going into an infinite cycle due to link prefetch.

[jakepeyser]

This issue is preventing us from upgrading to v13.4. We have several navigation elements with many links that we can't afford to prefetch them all, so we'd need to set prefetch to false, but this issue would have us duplicating the requests on each link click, neither of which is desired.

[smo043]

@jakepeyser - Could you please tell me what version of NextJS you're using? I'll upgrade my code to the same version and give it a shot.

[jakepeyser]

@smo043 We're on 13.3.4 in prod

[smo043]

@jakepeyser - Thank you, I just tried the same thing and encountered the same issue. Check to see if this issue persists for you; I put a console log to my api route and can see it logs continuously which I feel a major problem.

[jakepeyser]

@smo043 I do not see the issue at our current version, Next.js only seems to prefetch metadata on hover and the new page is rendered and injected on click

[smo043]

@smo043 I do not see the issue at our current version, Next.js only seems to prefetch metadata on hover and the new page is rendered and injected on click

Oh okay, In my case all routes are being prefetched on every page load

[smo043]

@holicreact - could we change the title of this issue, since many of us have a similar issue?

[holicreact]

This issue is preventing us from upgrading to v13.4. We have several navigation elements with many links that we can't afford to prefetch them all, so we'd need to set prefetch to false, but this issue would have us duplicating the requests on each link click, neither of which is desired.

@jakepeyser That's right, depending on the specific conditions, both sides have problems.

@smo043 I do not see the issue at our current version, Next.js only seems to prefetch metadata on hover and the new page is rendered and injected on click

@jakepeyser
@smo043

When prefetch={true}, the development environment fetching mouse hover data.
However, in a production environment, the data fetching when visible in the viewport.

When prefetch={false}, production does not patch the data even if the mouse is hover
Click the link to call the page twice.

I think this is related to hard navigation or soft navigation or next13's bug

@holicreact - could we change the title of this issue, since many of us have a similar issue?

@smo043 What are you going to change the title to?
If it's a good title, I agree I think maybe you can choose a better title than me Please

[smo043]

@holicreact - Sorry for not being clear, can we change [docs] to [bug]?

[holicreact]

@holicreact - Sorry for not being clear, can we change [docs] to [bug]?

@smo043 That's a good idea. I'll organize it and post the bug report again

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.