nextjs - 💡(How to fix) Fix loading.tsx prevents returning correct HTTP redirect status (e.g. 308) [3 comments, 3 participants]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/mutable-pond-dnc9yq

To Reproduce

Clone the repo or open the CodeSandbox minimal reproduction:

Start the dev server: pnpm dev

Minimal reproduction: https://dnc9yq-3000.csb.app

• Structure: root app/loading.tsx, app/redirect/page.tsx calls permanentRedirect('/target'), and app/target/page.tsx is a simple page.

• Hit the running instance with root loading.tsx present:

• curl -I https://dnc9yq-3000.csb.app/redirect Observed: Response is HTTP/2 200 with no Location header. (Because the presence of root loading.tsx causes the response to start as 200.)

• Now remove or rename app/loading.tsx and repeat:

• curl -I https://dnc9yq-3000.csb.app/redirect Observed: Response is HTTP/2 308 with Location: /target.

Observation Summary:

With loading.tsx: /redirect returns 200. Without loading.tsx: /redirect returns 308 with a Location header.

Current vs. Expected behavior

Current Behavior

When app/loading.tsx is present, a request to /redirect returns HTTP 200 OK with no Location header and the redirect happens only on the client. When the loading.tsx file is removed, the same request correctly returns HTTP 308 Permanent Redirect with a Location header.

Expected Behavior

Even when a loading.tsx file exists, calling permanentRedirect() should result in the first HTTP response being 308 Permanent Redirect with a Location header.

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.3.0: Thu Jan  2 20:24:23 PST 2025; root:xnu-11215.81.4~3/RELEASE_ARM64_T8122
  Available memory (MB): 8192
  Available CPU cores: 8
Binaries:
  Node: 24.6.0
  npm: 11.5.1
  Yarn: 1.22.22
  pnpm: 10.14.0
Relevant Packages:
  next: 15.5.4 // Latest available version is detected (15.5.4).
  eslint-config-next: N/A
  react: 19.1.0
  react-dom: 19.1.0
  typescript: 5.9.2
Next.js Config:
  output: N/A

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

Redirects

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

Other (Deployed)

Additional context

https://github.com/user-attachments/assets/e471dee9-07d7-4a4f-bc7e-5c94710572f8