Bug: Apps under rewrites() rules are reloaded indefinitely at the development side only.

[9vfQbg7z4ajrGQxR]

Verify canary release

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

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #99~20.04.1-Ubuntu SMP Thu Nov 2 15:16:47 UTC 2023
Binaries:
  Node: 18.18.2
  npm: 9.8.1
  Yarn: 1.22.18
  pnpm: 8.6.7
Relevant Packages:
  next: 14.0.3
  eslint-config-next: 13.0.7
  react: 0.0.0-experimental-ee8509801-20230117
  react-dom: 0.0.0-experimental-ee8509801-20230117
  typescript: 4.9.4
Next.js Config:
  output: N/A

Which example does this report relate to?

https://github.com/vercel/next.js/tree/canary/examples/with-zones

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

When using Multi-zone example, the app under rewrites() rules are reload indefinitely only at development side.
Terminal prints (at each auto refreshes):
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload
⚠ Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload

PS: I know this issue is a duplicate of #54454 (comment), but this is becoming a matter of urgency, as we can no longer update Next beyond version 13.4.6 because it's impossible for us to develop. (and some many security updates related to nextjs packages are really high)

Expected Behavior

Shouldn't reload applications behind rewrites() rules in a loop.

To Reproduce

Start both or checkout https://github.com/vercel/next.js/tree/canary/examples/with-zones:
https://codesandbox.io/p/sandbox/multi-zones-1-m79cw8?file=%2F.env%3A2%2C1
https://codesandbox.io/p/sandbox/multi-zones-2-xfk4d9?file=%2Fmiddleware.js%3A11%2C2

And click on "Zone 2" inside the navbar.

[ya2s]

I have a similar problem on 14.0.3

[ya2s]

@ztanner @9vfQbg7z4ajrGQxR
Thank you for PR
But it was still not fixed in version 14.0.4

[9vfQbg7z4ajrGQxR]

@ztanner

Not working on updated to 14.0.4:
https://codesandbox.io/p/sandbox/multi-zones-1-m79cw8?file=%2F.env%3A2%2C1
https://codesandbox.io/p/sandbox/multi-zones-2-xfk4d9?file=%2Fmiddleware.js%3A11%2C2

Let me know if you need some direct chat exchange

[ztanner]

@yamatsum @9vfQbg7z4ajrGQxR thanks for flagging, it looks like there's another case here that needs fixing, I will look into it

[ricardo-fnd]

I also have this in 14.0.4. It's kinda ruining my dev team experience. Any ETA on this @ztanner ? thank you :)

Also, if it helps, in my case, it's just when I rewrite to apps with pages folder. If I rewrite to an app using the new app folder, the loop doesn't happen, but the Fast Refresh also doesn't work. (this could be another issue)

[9vfQbg7z4ajrGQxR]

Hey @ricardo-fnd same for everyone here, but don't worry @agustints also helps to solve this problem
It is on good way to be merge soon 😄

[9vfQbg7z4ajrGQxR]

@ztanner, can you take a look at @agustints' PR? Thanks in advance! 🙏
#59471