How to get remote loading state for synched observable? (Pull to refresh)

[bastianspirek]

I am using the Supabase Sync Plugin and am very happy so far. Now I would like to implement a "pull to refresh" functionality (since I disabled realtime updates). I manage to refresh the data using syncState(...).sync():

const documentSyncState$ = syncState(documents$)
//On Pull to Refresh:
console.log("Synching now " + performance.now())
documentSyncState$.sync()

However I can't manage to keep track of the loading state. I used observe() on my syncState and also the callback promise of .sync() but they both trigger within around 1ms of calling sync().

observe(() => {
    // This will re-run as the status changes
    const { isLoaded, error } = documentSyncState$.get()
    if (error) {
        // Handle error
    } else if (isLoaded) {
        // Do the thing
       console.log("Documents loaded " + performance.now())
    }
})

How can I get some kind of callback when the remote synch returns a result? Thanks for your help!