Skip to content

SSR_BOUNDARY_WATERFALL fires on the first cold render because of lazy route chunks, and its advice points at data #4105

Closed

Description

@brenelz

Summary

On the first SSR request after the dev server starts, the root <Loading> boundary reports SSR_BOUNDARY_WATERFALL (3 sequential waits). The waits aren't data reads. They come from fileRoutes() wrapping each code-split route component in lazy(). Each nested route level has to import() its module before the router can render the next level, so the chunks load one after another.

The warning's advice ("derive both from the same inputs", "preload the dependent data or join the requests") sends you looking at queries. The app can't fix this through queries: every query is already preloaded in parallel and wrapped in its own nested <Loading>.

Reproduction

App: https://github.com/brenelz/solid2-mail (file routes: (mail) layout → [mailbox]/[threadId] page)

  1. Start the dev server fresh: pnpm dev
  2. Make the first request a nested route: curl -s -o /dev/null http://localhost:5173/inbox/thr-oncall
  3. Request the same URL again.
Request Time Warning
1st (cold) 1.57s Yes
2nd 0.012s No
3rd 0.011s No
[SSR_BOUNDARY_WATERFALL] A <Loading> boundary took 4 render passes — 3 sequential async waits, 173ms end to end: each read could start only after the previous one answered. If a later read doesn't need the earlier answer, derive both from the same inputs so they start together; if the dependency is intrinsic, preload the dependent data or join the requests.
  in <Document> › <App> › <Router> › <RouterContextObj> › <Root> › <RootComp> › <Loading>

After you edit a route or component file, the warning comes back once, because Vite invalidates the module and it has to be imported again.

Cause

@solidjs/router/fs → fileRoutes() caches one lazy() component per route src for the lifetime of the process (dist/fs.js, the components Map). On a cold server:

  1. The (mail) layout chunk is imported, and the root boundary suspends.
  2. The layout renders and the router reaches the child, so the page chunk is imported and the boundary suspends again.
  3. One more sequential wait. I didn't pin down which import this is.

After that the lazy components are resolved, render synchronously, and the boundary finishes in one pass.

Expected

One or more of:

  • Router: on the server, start every matched route's component import together, the same way route preloads already run for every matched level, instead of discovering them one level per render pass.
  • Diagnostics: recognize waits caused by lazy() module resolution and either skip them or report them separately, with advice about code splitting or eager server imports instead of data reads.

Versions

  • solid-js 2.0.0-rc.15
  • @solidjs/web 2.0.0-rc.15
  • @solidjs/diagnostics 2.0.0-rc.15
  • @solidjs/router 2.0.0-next.39
  • @solidjs/vite-plugin 3.0.0-next.50
  • filesystem-routing 0.4.0
  • vite 8.3.4
  • macOS (Darwin 25.5.0)

Activity

  1. ryansolid commented on Oct 16, 2026

    @ryansolid
    Member

    Fixed by #4108 (solid) and solidjs/solid-router#685, both merged into next.

    The SSR boundary check now judges each wait by when the awaited work started. A wait counts toward SSR_BOUNDARY_WATERFALL only if something it awaited started after the previous wait landed. lazy() stamps its import with its start time, and the router's query() stamps its fetches. So route chunks and data the router preloads for every matched level no longer count, while chunks nobody preloaded and real data chains still do. When waits are discounted, the finding reports data.parallelWaits, and the skill's guidance now covers chunk waits as well as data.

    — Claude via Claude Code


    Generated by Claude Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions