fix(comments): set up listener with filter-only query (#8793)

Author: bjoerge

packages/sanity/src/core/comments/store/useCommentsStore.ts

@@ -63,10 +63,8 @@ const QUERY_SORT_ORDER = `order(${SORT_FIELD} ${SORT_ORDER})`
 export function useCommentsStore(opts: CommentsStoreOptions): CommentsStoreReturnType {
   const {client, documentId, onLatestTransactionIdReceived, transactionsIdMap, releaseId} = opts
 
-  const query = useMemo(() => {
-    const filters = [...QUERY_FILTERS, releaseId ? VERSION_FILTER : NO_VERSION_FILTER]
-    return `*[${filters.join(' && ')}] ${QUERY_PROJECTION} | ${QUERY_SORT_ORDER}`
-  }, [releaseId])
+  const filters = [...QUERY_FILTERS, releaseId ? VERSION_FILTER : NO_VERSION_FILTER].join(' && ')
+  const query = useMemo(() => `*[${filters}] ${QUERY_PROJECTION} | ${QUERY_SORT_ORDER}`, [filters])
 
   const [state, dispatch] = useReducer(commentsReducer, INITIAL_STATE)
   const [loading, setLoading] = useState<boolean>(client !== null)
@@ -170,15 +168,15 @@ export function useCommentsStore(opts: CommentsStoreOptions): CommentsStoreRetur
   const listener$ = useMemo(() => {
     if (!client) return of()
 
-    const events$ = client.observable.listen(query, params, LISTEN_OPTIONS).pipe(
+    const events$ = client.observable.listen(`*[${filters}]`, params, LISTEN_OPTIONS).pipe(
       catchError((err) => {
         setError(err)
         return of(err)
       }),
     )
 
     return events$
-  }, [client, params, query])
+  }, [client, filters, params])
 
   useEffect(() => {
     const sub = listener$.subscribe(handleListenerEvent)