Seeing 40%+ slowness in simple useLiveQuery vs redux selectors when rendering many items

[skidrowe]

We have a React app that uses redux/re-reselect to render many items on the screen at a time. Switching the code to use tanstack db/useLiveQuery causes 40% or more speed reduction. A simple runnable example is attached...

return useLiveQuery(q =>
    q
      .from({ item: orderCollection })
      .where(({ item }) => eq(item.gridId, gridId))
      .where(({ item }) => eq(item.rowId, rowId))
      .where(({ item }) => eq(item.side, side))
  );

vs

useSelector((state:IStore) => getOrderBySideAndRowId(state, props));

test.zip