React SDK

Add one provider, then read realtime logs and unread state from focused hooks. The package works with React 18 and newer.

const { logs, loading, error, hasMore, loadMore, refresh } =
    useChangelog({ limit: 10, realtime: true })

const { unreadCount, latestLog, markAllSeen } = useUnreadCount()

Server rendering

React exports are client components. During server render they return a stable empty-loading snapshot, avoiding hydration drift.

Pagination and realtime

The newest window stays subscribed while loadMorefetches older pages. Results merge by log id, so live updates do not duplicate an older page.