404 Page Causes Infinite Reload After Using npx create-remix@latest

[y0tik]

Reproduction

1. Install the latest version using one of the following methods:

   • With npx create-remix@latest
   • Or goto https://stackblitz.com/edit/remix-run-remix-rwkrfb

2. Start the development server

3. Navigate to http://localhost:5173/404 or any other non-existent page

System Info

System:
    OS: Linux 5.15 Arch Linux
    CPU: (16) x64 12th Gen Intel(R) Core(TM) i5-12500H
    Memory: 6.89 GB / 7.61 GB
    Container: Yes
    Shell: 3.7.1 - /bin/fish
  Binaries:
    Node: 20.14.0 - ~/.local/share/nvm/v20.14.0/bin/node
    npm: 10.7.0 - ~/.local/share/nvm/v20.14.0/bin/npm
    pnpm: 9.3.0 - ~/.local/share/pnpm/pnpm

Used Package Manager

pnpm

Expected Behavior

When visiting a 404 page, display the nearest or the root ErrorBoundary without causing an infinite reload

Actual Behavior

Infinity page reload when visiting a 404 page, both in development and in production

[rossipedia]

FWIW I cannot reproduce this using v2.10.3, but I can with v2.11.0

[austinjherman]

I noticed the same issue. Also using v2.11.0.

[bravo-kernel]

My codebase has the same issue:

• Infinite 404 loop with both remix 2.10.3 and 2.11.0
• The loop goes away when I disable <Scripts /> component in my layout

[Arichy]

Same here, but infinite reload for all paths

After downgrading @remix-run/serve from 2.11.0 to 2.10.3, it's fixed. Look like something is wrong in latest version.

[alcpereira]

To help narrow down the issue: only happens in 2.11.0

[ironheart122]

Yep, can confirm I ran into this very issue today. I had to downgrade to 2.10.x which doesn't have this bug.

[ngbrown]

It also happens on production servers built and deployed to Cloudflare.

I seemed to have fixed it with a one-line patch. See my comment here: #9695 (comment)

[machour]

This should be fixed by v2.11.1.
Could you all confirm? 🙏🏼

[petrpacas]

Fixed for me