Inconsistent behavior for usePathname between local and deployed (on Vercel)

[mastoj]

Link to the code that reproduces this issue

https://github.com/mastoj/usepathname-sample

To Reproduce

1. Go to https://usepathname-sample.vercel.app (deployed app on Vercel)
2. Note the href value of the green link.
3. Clone repo
4. npm run dev
5. Go to https://localhost:3000
6. Note the href value of the green link.

Current vs. Expected behavior

The href differ between the local version and deployed version, and I expected them to not differ.

The version I expected was the one running locally, but the biggest issue in my opinion is the inconsistencies between local and production on vercel in this case.

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.4.0: Fri Mar 15 00:12:49 PDT 2024; root:xnu-10063.101.17~1/RELEASE_ARM64_T6020
  Available memory (MB): 65536
  Available CPU cores: 12
Binaries:
  Node: 18.17.0
  npm: 9.6.7
  Yarn: 1.22.21
  pnpm: 8.6.10
Relevant Packages:
  next: 14.2.3 // Latest available version is detected (14.2.3).
  eslint-config-next: 14.2.3
  react: 18.3.1
  react-dom: 18.3.1
  typescript: 5.4.5
Next.js Config:
  output: N/A

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

Not sure

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

Vercel (Deployed)

Additional context

No response