diff --git a/clients/js/examples/browser/app.ts b/clients/js/examples/browser/app.ts
index 0d14244..f4bc31f 100644
--- a/clients/js/examples/browser/app.ts
+++ b/clients/js/examples/browser/app.ts
@@ -5,27 +5,33 @@ window.onload = async () => {
   const chroma = new ChromaClient("http://localhost:8000");
   await chroma.reset();
 
-  const collection = await chroma.createCollection("test-from-js");
+  const collection = await chroma.createCollection({
+    name: "test-collection",
+  });
   console.log("collection", collection);
 
   // first generate some data
   var ids: string[] = [];
   var embeddings: Array<any> = [];
-  var metadata: Array<any> = [];
+  var metadatas: Array<any> = [];
   for (let i = 0; i < 100; i++) {
     ids.push("test-id-" + i.toString());
     embeddings.push([1, 2, 3, 4, 5]);
-    metadata.push({ test: "test" });
+    metadatas.push({ test: "test" });
   }
 
-  let add = await collection.add(ids, embeddings, metadata);
+  let add = await collection.add({ ids, embeddings, metadatas });
   console.log("add", add);
 
   let count = await collection.count();
   console.log("count", count);
 
-  const queryData = await collection.query([1, 2, 3, 4, 5], 5, {
-    test: "test",
+  const queryData = await collection.query({
+    queryEmbeddings: [1, 2, 3, 4, 5],
+    nResults: 5,
+    whereDocument: {
+      $contains: "test",
+    },
   });
 
   console.log("queryData", queryData);