style: Run prettier formatting

Author: claude

.changeset/suspense-query-hook.md

@@ -7,6 +7,7 @@ Add `useLiveSuspenseQuery` hook for React Suspense support
 Introduces a new `useLiveSuspenseQuery` hook that provides declarative data loading with React Suspense, following TanStack Query's `useSuspenseQuery` pattern.
 
 **Key features:**
+
 - React 18+ compatible using the throw promise pattern
 - Type-safe API with guaranteed data (never undefined)
 - Automatic error handling via Error Boundaries
@@ -17,33 +18,37 @@ Introduces a new `useLiveSuspenseQuery` hook that provides declarative data load
 **Example usage:**
 
 ```tsx
-import { Suspense } from 'react';
-import { useLiveSuspenseQuery } from '@tanstack/react-db';
+import { Suspense } from "react"
+import { useLiveSuspenseQuery } from "@tanstack/react-db"
 
 function TodoList() {
   // Data is guaranteed to be defined - no isLoading needed
   const { data } = useLiveSuspenseQuery((q) =>
-    q.from({ todos: todosCollection })
+    q
+      .from({ todos: todosCollection })
       .where(({ todos }) => eq(todos.completed, false))
-  );
+  )
 
   return (
     <ul>
-      {data.map(todo => <li key={todo.id}>{todo.text}</li>)}
+      {data.map((todo) => (
+        <li key={todo.id}>{todo.text}</li>
+      ))}
     </ul>
-  );
+  )
 }
 
 function App() {
   return (
     <Suspense fallback={<div>Loading...</div>}>
       <TodoList />
     </Suspense>
-  );
+  )
 }
 ```
 
 **Implementation details:**
+
 - Throws promises when collection is loading (caught by Suspense)
 - Throws errors when collection fails (caught by Error Boundary)
 - Reuses promise across re-renders to prevent infinite loops

packages/react-db/src/useLiveSuspenseQuery.ts

@@ -250,9 +250,9 @@ export function useLiveSuspenseQuery(
   }
 
   // Create stable subscribe function using ref
-  const subscribeRef = useRef<((onStoreChange: () => void) => () => void) | null>(
-    null
-  )
+  const subscribeRef = useRef<
+    ((onStoreChange: () => void) => () => void) | null
+  >(null)
   if (!subscribeRef.current || needsNewCollection) {
     subscribeRef.current = (onStoreChange: () => void) => {
       const subscription = collection.subscribeChanges(() => {

packages/react-db/tests/useLiveSuspenseQuery.test.tsx

@@ -164,7 +164,9 @@ describe(`useLiveSuspenseQuery`, () => {
     )
 
     const liveQuery = createLiveQueryCollection((q) =>
-      q.from({ persons: collection }).where(({ persons }) => gt(persons.age, 30))
+      q
+        .from({ persons: collection })
+        .where(({ persons }) => gt(persons.age, 30))
     )
 
     const { result } = renderHook(() => useLiveSuspenseQuery(liveQuery), {
@@ -194,7 +196,10 @@ describe(`useLiveSuspenseQuery`, () => {
     const { result, rerender } = renderHook(
       ({ minAge }) => {
         return useLiveSuspenseQuery(
-          (q) => q.from({ persons: collection }).where(({ persons }) => gt(persons.age, minAge)),
+          (q) =>
+            q
+              .from({ persons: collection })
+              .where(({ persons }) => gt(persons.age, minAge)),
           [minAge]
         )
       },
@@ -337,9 +342,14 @@ describe(`useLiveSuspenseQuery`, () => {
 
     const { result } = renderHook(
       () => {
-        const persons = useLiveSuspenseQuery((q) => q.from({ persons: personsCollection }))
+        const persons = useLiveSuspenseQuery((q) =>
+          q.from({ persons: personsCollection })
+        )
         const johnDoe = useLiveSuspenseQuery((q) =>
-          q.from({ persons: personsCollection }).where(({ persons }) => eq(persons.id, `1`)).findOne()
+          q
+            .from({ persons: personsCollection })
+            .where(({ persons }) => eq(persons.id, `1`))
+            .findOne()
         )
         return { persons, johnDoe }
       },