Unclarity surrounding lastSync and manual refetching

[Raj1v]

Hi! We are implementing LegendState in a React Native app, however, we are struggling to understand some of the dynamics surrounding re-fetching data.

In particular, it is really unclear how to trigger a refetch on a synced observable manually.

The snippet below comes from one of our components to test forcefully refetching a Supabase synced observable

useEffect(() => {
    syncState(flashcards$)
      .sync()
      .then(() => {
        console.log('flashcards last sync', syncState(flashcards$).get().lastSync);
      });
  }, []);

The observable is defined as:

export const flashcards$ = observable(
  syncedSupabase({
    supabase,
    collection: 'flashcards',
    // Persist data and pending changes locally
    persist: { name: 'flashcards', plugin: ObservablePersistMMKV, retrySync: true },
    initial: {},
    changesSince: 'last-sync',
    fieldCreatedAt: 'created_at',
    fieldUpdatedAt: '_modified',
    fieldDeleted: '_deleted',
    //realtime: true,
    select: (from) => from.select('*').eq('_deleted', false),
    onBeforeGet(params) {
      console.log('fetching flashcards', { ...params, value: undefined });
    },
  })
);

However, the value of lastSync printed after the manual refetch does not reflect that the observable has just synchronized.

We have been stuck on this for a while now, any help would be appreciated!