React

import { SyncProvider, SyncDevtools } from 'bettersync/react'

<SyncProvider client={syncClient}>
  {children}
  <SyncDevtools />
</SyncProvider>

// Live mode — auto-updates on writes and syncs:
const { data } = useSyncQuery(
  (sync) => sync.model('todo').findMany(), [],
  { live: true },
)

sync.on('change', ({ model, ids }) => console.log('changed:', model, ids))
sync.on('sync', ({ pushed, pulled }) => console.log('synced'))
sync.on('error', (err) => console.error(err))