Skip to content

[v7] SSR styling broken when no matched location. #13233

@nabi-chan

Description

@nabi-chan

I'm using React Router as a...

library

Reproduction

https://stackblitz.com/github/remix-run/react-router-templates/tree/main/minimal

  1. goto /404 route
  2. refresh it

System Info

System:
    OS: macOS 15.4
    CPU: (14) arm64 Apple M4 Pro
    Memory: 997.41 MB / 48.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.13.1 - ~/.local/share/mise/installs/node/22.13.1/bin/node
    npm: 10.9.2 - ~/.local/share/mise/installs/node/22.13.1/bin/npm
    pnpm: 10.2.0 - ~/.local/share/mise/installs/node/22.13.1/bin/pnpm
    bun: 1.2.2 - ~/.bun/bin/bun
  Browsers:
    Chrome: 134.0.6998.89
    Safari: 18.4
  npmPackages:
    @react-router/dev: ^7.3.0 => 7.3.0 
    @react-router/node: ^7.3.0 => 7.3.0 
    @react-router/serve: ^7.3.0 => 7.3.0 
    react-router: ^7.3.0 => 7.3.0 
    vite: ^6.2.2 => 6.2.2

Used Package Manager

pnpm

Expected Behavior

I expected style will not broken at 404 page.

Image

Actual Behavior

Style has broken a little frame

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions