[2.0 rc.14 / next] SSR: async memo retries run under another concurrent render's context
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 52/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- javascript, typescript
- 領域
- frontend
調査の方向性
The retry path is subscribePendingRetry → update → run in packages/solid/src/server/signals.ts; compare the captured ctx near lines 1257-1259 with run near lines 1314-1317, which restores the owner but not sharedConfig.context. Reproduce with the failing test in packages/web/test/server/repro-retry-render-context.spec.tsx (run under the server vitest config). Done when that test passes and the existing server suite still passes.
索引モデルが issue の本文から書いたものです。
説明
Describe the bug
On the server, an async createMemo that throws NotReadyError is retried when its source settles (subscribePendingRetry → update → run). run restores the memo's owner, but not its render context. The retry, and everything it creates, runs under whichever render last set sharedConfig.context. Under concurrent requests, that is often another request's.
The memo already captures its render's ctx at creation for exactly this reason (packages/solid/src/server/signals.ts:1257-1259: "async re-computations … may run after a concurrent request has overwritten sharedConfig.context"). However, run (signals.ts:1314-1317) never reinstates it.
createSyncMemo has no retry of its own: it re-runs when a reader pulls it, so it inherits its reader's context. That makes it affected whenever its reader is an async memo's retry, and the same fix covers it. The outer memo of children() is one.
An ordinary layout is enough to trigger it: a slot resolved with children(), gated by <Show when={slot() !== undefined}>, whose content waits on data. The Show's when memo is not ready, so it is retried later. The retry resolves the slot, which creates the slot's content under the other request's context.
Impact in a real app. This isn't only a context mismatch: under concurrent requests it can lock up the server. In a Solid 2 SSR app with this layout shape (a page component resolving an optional slot with children(), gated by <Show when={slot() !== undefined}>, whose content waits on data), a cold dev server receiving 18 page loads, 6 at a time, sometimes stops responding. The process sits at 100% CPU and most loads time out (13 of 18 in one run). Pages that do render can fail to hydrate the slot's content (Hydration key miss).
Sampling the stuck process shows the mechanism. The slot content created under the other render gets the same owner id as that render's own memo, so the two share one hydration slot and its deferred. When one memo settles it, the other's reader keeps re-subscribing to the already-settled promise in microtasks, and the event loop never gets a turn.
With the diff below applied to dist/server{,.dev}.js, 10 of 10 runs completed cleanly. Without it, 3 of 10 runs locked up.
Your Example Website or App
Server test on next (a497d4b1), for packages/web/test/server/:
/** @jsxImportSource @solidjs/web */
import { expect, test } from "vitest";
import { renderToStream } from "@solidjs/web";
import { children, createMemo, sharedConfig, Show, type JSX } from "solid-js";
const render = (code: () => any) =>
renderToStream(code).pipeTo(new WritableStream({ write() {} }));
const later = <T,>(value: T, ms: number) => new Promise<T>(r => setTimeout(() => r(value), ms));
// A layout with an optional side slot: resolved once with `children()`, and laid
// out differently when it is present.
function Layout(props: { side?: JSX.Element }) {
const side = children(() => props.side);
return (
<Show when={side() !== undefined} fallback={<main />}>
<aside>{side()}</aside>
<main />
</Show>
);
}
test("a slot resolved by children() is created under its own render's context", async () => {
const contexts: Record<string, unknown> = {};
const seenBy: Record<string, unknown> = {};
// Two requests rendering the same page; each page's slot waits on its own data.
const page = (name: string, ms: number) =>
render(() => {
contexts[name] = sharedConfig.context;
const data = createMemo(() => later(name, ms));
return (
<Layout
side={
<Show when={data()}>
{(() => {
seenBy[name] = sharedConfig.context;
return name;
})()}
</Show>
}
/>
);
});
await Promise.all([page("A", 5), page("B", 10)]);
expect(seenBy.A).toBe(contexts.A);
expect(seenBy.B).toBe(contexts.B);
});
Steps to Reproduce the Bug or Issue
In packages/web, run pnpm exec vitest run --config vite.config.server.mjs test/server/repro-retry-render-context.spec.tsx.
Expected behavior
Each page's slot content is created under its own render's context. Instead, page A's is created under page B's, and the test fails.
Restoring the captured context in run makes the test pass, and the existing server suite still passes:
const run = () => {
resetOwnerForRerun(owner);
- return runWithOwner(owner, () => runWithObserver(comp, () => comp.compute(comp.value)));
+ const prevCtx = sharedConfig.context;
+ sharedConfig.context = ctx;
+ try {
+ return runWithOwner(owner, () => runWithObserver(comp, () => comp.compute(comp.value)));
+ } finally {
+ sharedConfig.context = prevCtx;
+ }
};
Platform
- solid-js / @solidjs/web:
next@ a497d4b1, and 2.0.0-rc.14 - Node 24.20, macOS
- 主要言語
- TypeScript
- スター
- 36.1k
- フォーク
- 1.1k
- 平均マージ
- 9時間 56分
- マージ済み PR(30日)
- 336
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
solidjs/solid のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 12/100
solidjs/solid#3975 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 3/5 半日 初心者へのやさしさ 32/100
solidjs/solid#3974 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
hydrate() run mid-parse leaves dead server nodes beside fresh client copies (async entry script)オープン
難易度 4/5 3〜5日 初心者へのやさしさ 20/100
メンテナーはふだん 1 日以内に返信
似ている issue
-
area:tui enhancement platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
anthropics/claude-code#101490 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
netlify/netlify-mcp#75 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
atlassian-labs/compiled#1960 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
pnp/cli-microsoft365#7639 ·
メンテナーはふだん 2 日以内に返信
-
nextjs-tracking
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
cloudflare/vinext#3887 ·
メンテナーはふだん 1 日以内に返信