App router routing to dynamic route instead of predefined route in Next.js

[MiaoMint]

Link to the code that reproduces this issue

https://github.com/MiaoMint/nextgram

To Reproduce

1. Start the application in development (next dev)
2. Click New

Current vs. Expected behavior

Following the steps in the previous section, I expected to jump to a predefined route, but instead I observed a dynamic route.

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 22.6.0: Mon Feb 19 19:43:41 PST 2024; root:xnu-8796.141.3.704.6~1/RELEASE_ARM64_T8103
  Available memory (MB): 8192
  Available CPU cores: 8
Binaries:
  Node: 18.20.2
  npm: 10.5.0
  Yarn: N/A
  pnpm: 9.1.0
Relevant Packages:
  next: 14.3.0-canary.61 // Latest available version is detected (14.3.0-canary.61).
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Parallel & Intercepting Routes

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local), next start (local), Vercel (Deployed)

Additional context

No response

[icyJoseph]

This works fine in latest canary, I see you have 14.0.5, but the latest release is 14.2.3, please try with a latest version.

• https://stackblitz.com/github/MiaoMint/nextgram?file=app%2Fphotos%2Fnew%2Fpage.tsx

[mefengl]

@icyJoseph Where is the example that works fine, the link you provided still has issues...

[icyJoseph]

🤔 that was working... I should've taken a screenshot. Unfortunately, now I can confirm it is broken