useLiveQuery with localOnlyCollection does not show changes applied during component mount

[doepnern]

When inserting into a localOnlyCollection inside a useEffect, useLiveQuery does not return the expected data immediately. However, if the insert/delete calls are wrapped in a setTimeout, the query works as expected. This also applies to changes in useLayoutEffect and directly in the component body.

Stackblitz reproduction: https://stackblitz.com/edit/react-ts-bjof6j6d?file=App.tsx

[samwillis]

Thanks for the report @doepnern, particularly the repo as thats super helpful.

I've been trying to reproduce it in an isolated test but can't, I think this is an issue that only manifests in a real browser with a "real" browser event loop - React in tests does behave slightly differently. Having said that I also tried to set up a playwright test for it and didn't get that working. I'm keen to get a unit test for this as we need to be sure any change we make isn't reverted in future.