fix(types): pass TError down to CachedQueryState (TanStack#763)

Author: Kamran Ayub

types/index.d.ts

@@ -515,9 +515,9 @@ export type MutationResult<TResult, TError = Error> =
   | ErrorMutationResult<TResult, TError>
   | SuccessMutationResult<TResult>
 
-export interface CachedQueryState<T> {
+export interface CachedQueryState<T, TError = Error> {
   data?: T
-  error?: Error | null
+  error?: TError | null
   failureCount: number
   isFetching: boolean
   canFetchMore?: boolean
@@ -530,7 +530,7 @@ export interface CachedQuery<T, TError = unknown> {
   queryKey: AnyQueryKey
   queryFn: (...args: any[]) => unknown
   config: QueryOptions<unknown, TError>
-  state: CachedQueryState<T>
+  state: CachedQueryState<T, TError>
   setData(
     dataOrUpdater:
       | unknown

types/test.ts

@@ -7,6 +7,7 @@ import {
   usePaginatedQuery,
   useQuery,
   queryCache,
+  CachedQuery,
 } from 'react-query'
 
 class FooError extends Error {}
@@ -65,6 +66,11 @@ function getQueries() {
   queryCache.getQueries((query) => true);
 }
 
+function cachedQueryErrorState() {
+  const query = queryCache.getQuery(['queryKey']) as CachedQuery<unknown, FooError>
+  const error: FooError | null | undefined = query.state.error;
+}
+
 function simpleQuery() {
   // Query - simple case
   const querySimple = useQuery<string, 'todos'>('todos', () =>