Exposing errorUpdateCount on useQuery

docs/src/pages/reference/useQuery.md

@@ -235,6 +235,8 @@ const result = useQuery({
   - The failure count for the query.
   - Incremented every time the query fails.
   - Reset to `0` when the query succeeds.
+- `errorUpdateCount: number`
+  - The sum of all errors.
 - `refetch: (options: { throwOnError: boolean, cancelRefetch: boolean }) => Promise<UseQueryResult>`
   - A function to manually refetch the query.
   - If the query errors, the error will only be logged. If you want an error to be thrown, pass the `throwOnError: true` option

src/core/queryObserver.ts

@@ -586,6 +586,7 @@ export class QueryObserver<
       error,
       errorUpdatedAt,
       failureCount: state.fetchFailureCount,
+      errorUpdateCount: state.errorUpdateCount,
       isFetched: state.dataUpdateCount > 0 || state.errorUpdateCount > 0,
       isFetchedAfterMount:
         state.dataUpdateCount > queryInitialState.dataUpdateCount ||

src/core/types.ts

@@ -310,6 +310,7 @@ export interface QueryObserverBaseResult<TData = unknown, TError = unknown> {
   error: TError | null
   errorUpdatedAt: number
   failureCount: number
+  errorUpdateCount: number
   isError: boolean
   isFetched: boolean
   isFetchedAfterMount: boolean

src/react/tests/useQuery.test.tsx

@@ -4677,4 +4677,37 @@ describe('useQuery', () => {
 
     consoleMock.mockRestore()
   })
+
+  it('errorUpdateCount should increased on each refetch', async () => {
+    const consoleMock = mockConsoleError()
+    const key = queryKey()
+    const error = new Error('oops')
+
+    function Page() {
+      const { refetch, errorUpdateCount } = useQuery(
+        key,
+        async () => {
+          throw error;
+        },
+        {
+          retry: false,
+        }
+      )
+      return <div>
+        <button onClick={() => refetch()}>refetch</button>
+        <span>
+          data: {errorUpdateCount}
+        </span>
+        </div>
+    }
+    const rendered = renderWithClient(queryClient, <Page />)
+    const fetchBtn = rendered.getByRole('button', { name: 'refetch' })
+    await waitFor(() => rendered.getByText('data: 1'))
+    fireEvent.click(fetchBtn)
+    await waitFor(() => rendered.getByText('data: 2'))
+    fireEvent.click(fetchBtn)
+    await waitFor(() => rendered.getByText('data: 3'))
+
+    consoleMock.mockRestore()
+  })
 })