@tanstack/react-query 5.50.1 → 5.51.3

package/build/query-codemods/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-codemods",
-  "version": "4.24.3",
+  "private": true,
   "description": "Collection of codemods to make the migration easier.",
   "author": "Balázs Máté Petró",
   "license": "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query",
-  "version": "5.50.1",
+  "version": "5.51.3",
   "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -41,12 +41,12 @@
     "!build/codemods/**/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-core": "5.50.1"
+    "@tanstack/query-core": "5.51.3"
   },
   "devDependencies": {
     "@types/react": "npm:types-react@rc",
     "@types/react-dom": "npm:types-react-dom@rc",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.1",
     "eslint-plugin-react-compiler": "^0.0.0-experimental-c8b3f72-20240517",
     "react": "19.0.0-rc-4c2e457c7c-20240522",
     "react-dom": "19.0.0-rc-4c2e457c7c-20240522",

package/src/__tests__/prefetch.test.tsx

@@ -16,11 +16,13 @@ import type { InfiniteData, UseInfiniteQueryOptions, UseQueryOptions } from '..'
 import type { Mock } from 'vitest'
 
 const generateQueryFn = (data: string) =>
-  vi.fn<any, Promise<string>>().mockImplementation(async () => {
-    await sleep(10)
+  vi
+    .fn<(...args: Array<any>) => Promise<string>>()
+    .mockImplementation(async () => {
+      await sleep(10)
 
-    return data
-  })
+      return data
+    })
 
 const generateInfiniteQueryOptions = (
   data: Array<{ data: string; currentPage: number; totalPages: number }>,
@@ -29,7 +31,7 @@ const generateInfiniteQueryOptions = (
 
   return {
     queryFn: vi
-      .fn<any, Promise<(typeof data)[number]>>()
+      .fn<(...args: Array<any>) => Promise<(typeof data)[number]>>()
       .mockImplementation(async () => {
         const currentPageData = data[currentPage]
         if (!currentPageData) {

package/src/__tests__/ssr-hydration.test.tsx

@@ -46,10 +46,7 @@ describe('Server side rendering with de/rehydration', () => {
     const consoleMock = vi.spyOn(console, 'error')
     consoleMock.mockImplementation(() => undefined)
 
-    const fetchDataSuccess = vi.fn<
-      Parameters<typeof fetchData>,
-      ReturnType<typeof fetchData>
-    >(fetchData)
+    const fetchDataSuccess = vi.fn<typeof fetchData>(fetchData)
 
     // -- Shared part --
     function SuccessComponent() {
@@ -203,10 +200,7 @@ describe('Server side rendering with de/rehydration', () => {
     const consoleMock = vi.spyOn(console, 'error')
     consoleMock.mockImplementation(() => undefined)
 
-    const fetchDataSuccess = vi.fn<
-      Parameters<typeof fetchData>,
-      ReturnType<typeof fetchData>
-    >(fetchData)
+    const fetchDataSuccess = vi.fn<typeof fetchData>(fetchData)
 
     // -- Shared part --
     function SuccessComponent() {

package/src/__tests__/suspense.test.tsx

@@ -123,7 +123,7 @@ describe('useSuspenseQuery', () => {
   it('should not call the queryFn twice when used in Suspense mode', async () => {
     const key = queryKey()
 
-    const queryFn = vi.fn<Array<unknown>, string>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => string>()
     queryFn.mockImplementation(() => {
       sleep(10)
       return 'data'

package/src/__tests__/useInfiniteQuery.test.tsx

@@ -920,11 +920,10 @@ describe('useInfiniteQuery', () => {
   it('should silently cancel an ongoing fetchNextPage request when another fetchNextPage is invoked', async () => {
     const key = queryKey()
     const start = 10
-    const onAborts: Array<Mock<any, any>> = []
-    const abortListeners: Array<Mock<any, any>> = []
+    const onAborts: Array<Mock<(...args: Array<any>) => any>> = []
+    const abortListeners: Array<Mock<(...args: Array<any>) => any>> = []
     const fetchPage = vi.fn<
-      [QueryFunctionContext<typeof key, number>],
-      Promise<number>
+      (context: QueryFunctionContext<typeof key, number>) => Promise<number>
     >(async ({ pageParam, signal }) => {
       const onAbort = vi.fn()
       const abortListener = vi.fn()
@@ -996,11 +995,10 @@ describe('useInfiniteQuery', () => {
   it('should not cancel an ongoing fetchNextPage request when another fetchNextPage is invoked if `cancelRefetch: false` is used ', async () => {
     const key = queryKey()
     const start = 10
-    const onAborts: Array<Mock<any, any>> = []
-    const abortListeners: Array<Mock<any, any>> = []
+    const onAborts: Array<Mock<(...args: Array<any>) => any>> = []
+    const abortListeners: Array<Mock<(...args: Array<any>) => any>> = []
     const fetchPage = vi.fn<
-      [QueryFunctionContext<typeof key, number>],
-      Promise<number>
+      (context: QueryFunctionContext<typeof key, number>) => Promise<number>
     >(async ({ pageParam, signal }) => {
       const onAbort = vi.fn()
       const abortListener = vi.fn()

package/src/__tests__/useMutation.test.tsx

@@ -150,7 +150,7 @@ describe('useMutation', () => {
     let count = 0
     type Value = { count: number }
 
-    const mutateFn = vi.fn<[value: Value], Promise<Value>>()
+    const mutateFn = vi.fn<(value: Value) => Promise<Value>>()
 
     mutateFn.mockImplementationOnce(() => {
       return Promise.reject(new Error('Error test Jonas'))

package/src/__tests__/useQuery.test.tsx

@@ -2565,7 +2565,9 @@ describe('useQuery', () => {
 
   it('should not refetch query on focus when `enabled` is set to `false`', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
+    const queryFn = vi
+      .fn<(...args: Array<unknown>) => string>()
+      .mockReturnValue('data')
 
     function Page() {
       const { data = 'default' } = useQuery({
@@ -3340,7 +3342,7 @@ describe('useQuery', () => {
   it('should retry specified number of times', async () => {
     const key = queryKey()
 
-    const queryFn = vi.fn<Array<unknown>, unknown>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => unknown>()
     queryFn.mockImplementation(() => {
       return Promise.reject(new Error('Error test Barrett'))
     })
@@ -3377,7 +3379,7 @@ describe('useQuery', () => {
   it('should not retry if retry function `false`', async () => {
     const key = queryKey()
 
-    const queryFn = vi.fn<Array<unknown>, unknown>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => unknown>()
 
     queryFn.mockImplementationOnce(() => {
       return Promise.reject(new Error('Error test Tanner'))
@@ -3423,7 +3425,7 @@ describe('useQuery', () => {
 
     type DelayError = { delay: number }
 
-    const queryFn = vi.fn<Array<unknown>, unknown>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => unknown>()
     queryFn.mockImplementation(() => {
       return Promise.reject({ delay: 50 })
     })
@@ -3616,10 +3618,10 @@ describe('useQuery', () => {
     const key = queryKey()
     const states: Array<UseQueryResult<string>> = []
 
-    const queryFn = vi.fn<Array<unknown>, string>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => string>()
     queryFn.mockImplementation(() => 'data')
 
-    const prefetchQueryFn = vi.fn<Array<unknown>, string>()
+    const prefetchQueryFn = vi.fn<(...args: Array<unknown>) => string>()
     prefetchQueryFn.mockImplementation(() => 'not yet...')
 
     await queryClient.prefetchQuery({
@@ -3647,10 +3649,11 @@ describe('useQuery', () => {
   it('should not refetch if not stale after a prefetch', async () => {
     const key = queryKey()
 
-    const queryFn = vi.fn<Array<unknown>, string>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => string>()
     queryFn.mockImplementation(() => 'data')
 
-    const prefetchQueryFn = vi.fn<Array<unknown>, Promise<string>>()
+    const prefetchQueryFn =
+      vi.fn<(...args: Array<unknown>) => Promise<string>>()
     prefetchQueryFn.mockImplementation(async () => {
       await sleep(10)
       return 'not yet...'
@@ -3958,7 +3961,7 @@ describe('useQuery', () => {
 
   it('it should support enabled:false in query object syntax', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<Array<unknown>, string>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => string>()
     queryFn.mockImplementation(() => 'data')
 
     function Page() {
@@ -4052,7 +4055,9 @@ describe('useQuery', () => {
 
   it('should not cause memo churn when data does not change', async () => {
     const key = queryKey()
-    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
+    const queryFn = vi
+      .fn<(...args: Array<unknown>) => string>()
+      .mockReturnValue('data')
     const memoFn = vi.fn()
 
     function Page() {
@@ -4260,7 +4265,9 @@ describe('useQuery', () => {
   it('should refetch if any query instance becomes enabled', async () => {
     const key = queryKey()
 
-    const queryFn = vi.fn<Array<unknown>, string>().mockReturnValue('data')
+    const queryFn = vi
+      .fn<(...args: Array<unknown>) => string>()
+      .mockReturnValue('data')
 
     function Disabled() {
       useQuery({ queryKey: key, queryFn, enabled: false })
@@ -4941,7 +4948,7 @@ describe('useQuery', () => {
   })
 
   it('should refetch when changed enabled to true in error state', async () => {
-    const queryFn = vi.fn<Array<unknown>, unknown>()
+    const queryFn = vi.fn<(...args: Array<unknown>) => unknown>()
     queryFn.mockImplementation(async () => {
       await sleep(10)
       return Promise.reject(new Error('Suspense Error Bingo'))

package/src/__tests__/utils.tsx

@@ -48,13 +48,13 @@ export function createQueryClient(config?: QueryClientConfig): QueryClient {
 
 export function mockVisibilityState(
   value: DocumentVisibilityState,
-): MockInstance<[], DocumentVisibilityState> {
+): MockInstance<() => DocumentVisibilityState> {
   return vi.spyOn(document, 'visibilityState', 'get').mockReturnValue(value)
 }
 
 export function mockOnlineManagerIsOnline(
   value: boolean,
-): MockInstance<[], boolean> {
+): MockInstance<() => boolean> {
   return vi.spyOn(onlineManager, 'isOnline').mockReturnValue(value)
 }