fix(types): do not drop readonly for partial QueryFilter matching (#9878)

* fix(types): do not drop readonly for partial QueryFilter matching

* fix(types): allow QueryFilters union with different lengths

* Create orange-boxes-visit.md

* Apply suggestion from @TkDodo

Author: TkDodo

.changeset/orange-boxes-visit.md

@@ -0,0 +1,5 @@
+---
+"@tanstack/query-core": patch
+---
+
+fix(types): allow QueryFilters union with different lengths

packages/query-core/src/__tests__/utils.test-d.tsx

@@ -73,6 +73,19 @@ describe('QueryFilters', () => {
     >()
   })
 
+  // we test that there are not type errors here
+  // eslint-disable-next-line vitest/expect-expect
+  it('should work with unions of different lengths', () => {
+    type Key =
+      | readonly ['foo']
+      | readonly ['foo', 'bar']
+      | readonly ['foo', 'bar', 'baz']
+
+    const queryKey: Key = ['foo', 'bar'] as any as Key
+
+    new QueryClient().invalidateQueries({ queryKey })
+  })
+
   it('should error on invalid query keys', () => {
     assertType<QueryFilters<readonly ['key', { a: number; b: string }]>>({
       // @ts-expect-error cannot pass invalid query key

packages/query-core/src/utils.ts

@@ -43,7 +43,7 @@ export interface QueryFilters<TQueryKey extends QueryKey = QueryKey> {
   /**
    * Include queries matching this query key
    */
-  queryKey?: TuplePrefixes<TQueryKey>
+  queryKey?: TQueryKey | TuplePrefixes<TQueryKey>
   /**
    * Include or exclude stale queries
    */