@tanstack/react-query 4.14.0 → 4.14.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query",
-  "version": "4.14.0",
+  "version": "4.14.3",
   "description": "Hooks for managing, caching and syncing asynchronous and remote data in React",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -46,7 +46,7 @@
     "react-error-boundary": "^3.1.4"
   },
   "dependencies": {
-    "@tanstack/query-core": "4.14.0",
+    "@tanstack/query-core": "4.14.3",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {

package/src/__tests__/useInfiniteQuery.test.tsx

@@ -2,7 +2,6 @@ import { fireEvent, waitFor } from '@testing-library/react'
 import * as React from 'react'
 
 import {
-  Blink,
   createQueryClient,
   queryKey,
   renderWithClient,
@@ -1725,13 +1724,13 @@ describe('useInfiniteQuery', () => {
       const promise = new Promise<string>((resolve, reject) => {
         cancelFn = jest.fn(() => reject('Cancelled'))
         signal?.addEventListener('abort', cancelFn)
-        sleep(20).then(() => resolve('OK'))
+        sleep(1000).then(() => resolve('OK'))
       })
 
       return promise
     }
 
-    function Page() {
+    function Inner() {
       const state = useInfiniteQuery(key, queryFn)
       return (
         <div>
@@ -1740,14 +1739,25 @@ describe('useInfiniteQuery', () => {
       )
     }
 
-    const rendered = renderWithClient(
-      queryClient,
-      <Blink duration={5}>
-        <Page />
-      </Blink>,
-    )
+    function Page() {
+      const [isVisible, setIsVisible] = React.useState(true)
+
+      return (
+        <>
+          <button onClick={() => setIsVisible(false)}>hide</button>
+          {isVisible && <Inner />}
+          <div>{isVisible ? 'visible' : 'hidden'}</div>
+        </>
+      )
+    }
+
+    const rendered = renderWithClient(queryClient, <Page />)
+
+    await waitFor(() => rendered.getByText('visible'))
+
+    fireEvent.click(rendered.getByRole('button', { name: 'hide' }))
 
-    await waitFor(() => rendered.getByText('off'))
+    await waitFor(() => rendered.getByText('hidden'))
 
     expect(cancelFn).toHaveBeenCalled()
   })

package/src/__tests__/useQuery.test.tsx

@@ -969,12 +969,15 @@ describe('useQuery', () => {
         select: (data) => data.name,
       })
       states.push(state)
-      return null
+
+      return <div>{state.data}</div>
     }
 
-    renderWithClient(queryClient, <Page />)
+    const rendered = renderWithClient(queryClient, <Page />)
 
-    await sleep(10)
+    await waitFor(() => {
+      rendered.getByText('test')
+    })
 
     expect(states.length).toBe(2)
     expect(states[0]).toMatchObject({ data: undefined })
@@ -992,12 +995,15 @@ describe('useQuery', () => {
         select: (data) => data.name,
       })
       states.push(state)
-      return null
+
+      return <div>{state.data}</div>
     }
 
-    renderWithClient(queryClient, <Page />)
+    const rendered = renderWithClient(queryClient, <Page />)
 
-    await sleep(10)
+    await waitFor(() => {
+      rendered.getByText('test')
+    })
 
     expect(states.length).toBe(2)
     expect(states[0]).toMatchObject({ data: undefined })