Collections sometimes never load (even though data is available)

[obeattie]

While putting together my reproduction for #434, I noticed that if I initialise a collection with data that's immediately available, live queries based on it may never become ready.

Here's a small reproduction that shows it. The collection whose query function includes await new Promise((r) => setTimeout(r, 500)) does resolve, but the one that returns data immediately remains loading forever.

[byudaniel]

I have a similiar problem, but with data coming from an API. I can work around it by adding an isReady flag and then it updates fine, but if I remove the isReady dependency then it also gets stuck with isLoading: true, isReady: false.

const [isReady, setIsReady] = useState(false)
  const docQuery = useLiveQuery((q) => q.from({ vehicleDocument: vehicleDocumentCollection }), [isReady])
  console.log('***docQueryData***', docQuery.data, {
    isLoading: docQuery.isLoading,
    isReady: docQuery.isReady
  })

  useEffect(() => {
    vehicleDocumentCollection.onFirstReady(() => {
      setIsReady(true)
      console.log('***vehicleDocumentCollection is ready***')
    })
  }, [vehicleDocumentCollection])

[alexander-densley]

I am having a similar issue that when i refresh a page the live query is never ready, but if i navigate to the page the data works as expected

[byudaniel]

My proposed fixed resolves @obeattie's issue: https://stackblitz.com/edit/tanstack-db-init-tqkvs8ey?file=src%2FApp.tsx.