From e1029d5843c803c8bd7e9c87c2844241b1c1aa72 Mon Sep 17 00:00:00 2001
From: Christiaan Landman <chriz.ek@gmail.com>
Date: Tue, 19 Nov 2024 15:58:20 +0200
Subject: [PATCH] Updated Drizzle docs to use Drizzle watch() function.

---
 .../javascript-web/javascript-orm/drizzle.mdx | 25 ++++---------------
 1 file changed, 5 insertions(+), 20 deletions(-)

diff --git a/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx b/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx
index 2daf806b..3898d000 100644
--- a/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx
+++ b/client-sdk-references/javascript-web/javascript-orm/drizzle.mdx
@@ -165,31 +165,16 @@ Below are examples comparing Drizzle and PowerSync syntax for common database op
 
 ### Watched Queries
 
+For watched queries with Drizzle it's recommended to use the `watch()` function from the Drizzle integration which takes in a Drizzle query. 
+
 <CodeGroup>
   ```js Drizzle
-  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, {
-    onResult(results) {
-      console.log(results.rows?._array);
-    },
-  });
-
-  // [{ id: '1', name: 'John' }]
-  ```
-
-  ```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();
+  const query = db.select().from(users);
 
-  powerSyncDb.watch(compiledQuery.sql, compiledQuery.parameters as [], {
+  db.watch(query, {
     onResult(results) {
-      console.log((results.rows?._array as (typeof users.$inferSelect)[]));
+      console.log(results);
     },
   });