[2.0 / next] A keyed createProjection stops updating after its fn returned an async store's proxy, then a plain array #4361

import { it } from "vitest";
import { createMemo, createOptimisticStore, createProjection, createRenderEffect, createRoot, createSignal, createStore, flush } from "../src/index.js";
const tick = async () => { for (let i = 0; i < 4; i++) { await new Promise(r => setTimeout(r, 0)); flush(); } };
for (const kind of ["optimisticStore", "store"]) for (const memo of [true, false])
it(`${kind} memo=${memo}`, async () => {
  const asks: { key: string; res: (v: any) => void }[] = [];
  const ask = (key: string) => new Promise<any>(res => asks.push({ key, res }));
  const land = async (key: string, v: any) => { const i = asks.findIndex(a => a.key === key); asks.splice(i, 1)[0].res(v); await tick(); };
  const frames: string[] = []; let setFilter!: (f: string) => void;
  createRoot(() => {
    const [filter, sf] = createSignal("open"); setFilter = sf;
    const make: any = kind === "store" ? createStore : createOptimisticStore;
    const [issues] = make(async (d: any[]) => { const r = await ask(`f:${filter()}`); d.length = 0; d.push(...r.map((x: any) => ({ ...x }))); }, [], { key: "id" });
    const src = memo ? createMemo(() => filter() === "open" ? (issues as any[]).filter(() => true) : issues) : () => issues;
    const p = createProjection(() => src() as any, [] as any, { key: "id" } as any);
    createRenderEffect(() => (p as any).map((i: any) => `#${i.id}(${i.a})`).join(" "), v => { if (frames.at(-1) !== v) frames.push(v); });
  });
  await land("f:open", [{ id: 1, a: "-" }, { id: 3, a: "-" }]);
  setFilter("closed"); flush(); await tick(); await land("f:closed", [{ id: 2, a: "eve" }]);
  setFilter("open"); flush(); await tick(); await land("f:open", [{ id: 1, a: "-" }, { id: 3, a: "ann" }]);
  console.log(`${kind} memo=${memo}: ` + frames.join(" | "));
});