SingleFlight does not work (See Example)

import {
  action,
  createAsync,
  query,
  revalidate,
  useAction,
} from "@solidjs/router";

const items: string[] = ["yo", "lo", "foo", "bar"];

const getItems = query(async () => {
  "use server";
  await new Promise((r) => setTimeout(r, 200));
  return items;
}, "items");

const addAction = action(async (item: string) => {
  "use server";
  items.push(item);
  return revalidate("items");
});

export default function Flight() {
  const items = createAsync(async () => getItems(), { // does always fire after clicking "Add"
    deferStream: true,
  });

  const addItem = useAction(addAction); // response never includes items-data

  return (
    <div>
      <ul>
        {items()?.map((item) => (
          <li>{item}</li>
        ))}
      </ul>
      <button onClick={() => addItem(Date.now().toString())}>Add</button>
    </div>
  );
}

import {
  action,
  createAsync,
  query,
  revalidate,
  useAction,
} from "@solidjs/router";

const items: string[] = ["yo", "lo", "foo", "bar"];

const getItems = query(async () => {
  "use server";
  await new Promise((r) => setTimeout(r, 200));
  return items;
}, "items");

const addAction = action(async (item: string) => {
  "use server";
  items.push(item);
  return revalidate("items");
});

export default function Flight() {
  const items = createAsync(async () => getItems(), { // does always fire after clicking "Add"
    deferStream: true,
  });

  const addItem = useAction(addAction); // response never includes items-data

  return (
    <div>
      <ul>
        {items()?.map((item) => (
          <li>{item}</li>
        ))}
      </ul>
      <button onClick={() => addItem(Date.now().toString())}>Add</button>
    </div>
  );
}