typescript-client

Wrap your app in SpacetimeDBProvider from spacetimedb/react with a connection builder created via DbConnection.builder().withUri().withDatabaseName(). Then use the useSpacetimeDB and useTable hooks inside child components to access the connection and subscribe to tables.

Use conn.subscriptionBuilder().onApplied(callback).subscribe() with an array of table references like tables.entity. You can filter with typed query builders such as tables.entity.where(r => r.active.eq(true)) or pass raw SQL strings.

Yes, the vanilla TypeScript API works without React. Build a connection with DbConnection.builder(), register an onConnect handler for subscriptions, and attach row callbacks via conn.db.table.onInsert, onDelete, and onUpdate.

Rows returned by useTable are readonly, so in-place array methods like sort fail type-checking. Copy the array first with the spread operator, for example const sorted = [...rows].sort(...), before mutating.

Columns defined as t.u64() or t.i64() map to JavaScript bigint, which React cannot render directly in JSX. Convert the value with Number(row.id) or String(count) before rendering.