[2.0] Sibling Loading on boundaries hold silently when one reads its async through createErrorBoundary #4638

/** @jsxImportSource @solidjs/web  @vitest-environment jsdom */
import { test } from "vitest";
import { Loading, createErrorBoundary, createMemo, createSignal, flush, untrack } from "solid-js";
import { render } from "../src/index.js";
const tick = async () => { for (let i = 0; i < 4; i++) { await new Promise(r => setTimeout(r, 0)); flush(); } };
for (const caught of [true, false]) test(`switch key (${caught ? "error boundary" : "plain"})`, async () => {
  const asks: { key: string; res: (v: any) => void }[] = [];
  const ask = (key: string) => new Promise<any>(res => asks.push({ key, res }));
  const settle = async (key: string, v: any) => { asks.splice(asks.findIndex(a => a.key === key), 1)[0].res(v); await tick(); };
  const c = document.body.appendChild(document.createElement("div"));
  let select!: (n: number) => void;
  render(() => {
    const [sel, setSel] = createSignal(3); select = setSel;
    const detail = createMemo(() => ask(`detail:${sel()}`));
    const shown = caught ? untrack(() => createErrorBoundary(() => detail(), () => null)) : detail;
    const comments = createMemo(() => ask(`comments:${sel()}`));
    return <>
      <Loading on={sel()} fallback={<i>loading #{sel()}</i>}><b>{(shown() as any)?.title}</b></Loading>
      <Loading on={sel()} fallback={<i> loading comments</i>}><u> comments {(comments() as any[]).length}</u></Loading>
    </>;
  }, c);
  await tick();
  await settle("detail:3", { title: "Crash" }); await settle("comments:3", [1]);
  select(1); await tick();
  console.log(caught ? "[error boundary]" : "[plain]", c.textContent);
});