diff --git a/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx b/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx index 9f4fa5f9..2daf806b 100644 --- a/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx +++ b/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx @@ -175,9 +175,21 @@ Below are examples comparing Drizzle and PowerSync syntax for common database op powerSyncDb.watch(compiledQuery.sql, compiledQuery.parameters, { onResult(results) { console.log(results.rows?._array); + }, + }); + + // [{ id: '1', name: 'John' }] + ``` - // With Typescript typing - // console.log((results.rows?._array as (typeof users.$inferSelect)[])); + ```ts Drizzle (TS) + import { toCompilableQuery } from "@powersync/drizzle-driver"; + + // `compile()` is automatically called internally in the hooks, but not for `watch()` + const compiledQuery = toCompilableQuery(db.select().from(users)).compile(); + + powerSyncDb.watch(compiledQuery.sql, compiledQuery.parameters as [], { + onResult(results) { + console.log((results.rows?._array as (typeof users.$inferSelect)[])); }, });