@tanstack/react-query 4.3.8 → 4.4.0

package/package.json

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

package/src/Hydrate.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react'
 
-import { hydrate, HydrateOptions } from '@tanstack/query-core'
+import type { HydrateOptions } from '@tanstack/query-core'
+import { hydrate } from '@tanstack/query-core'
 import { useQueryClient } from './QueryClientProvider'
-import { ContextOptions } from './types'
+import type { ContextOptions } from './types'
 
 export function useHydrate(
   state: unknown,

package/src/QueryClientProvider.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 
-import { QueryClient } from '@tanstack/query-core'
-import { ContextOptions } from './types'
+import type { QueryClient } from '@tanstack/query-core'
+import type { ContextOptions } from './types'
 
 declare global {
   interface Window {

package/src/__tests__/suspense.test.tsx

@@ -3,14 +3,13 @@ import { ErrorBoundary } from 'react-error-boundary'
 import * as React from 'react'
 
 import { createQueryClient, queryKey, renderWithClient, sleep } from './utils'
+import type { UseInfiniteQueryResult, UseQueryResult } from '..'
 import {
   QueryCache,
   QueryErrorResetBoundary,
   useInfiniteQuery,
-  UseInfiniteQueryResult,
   useQuery,
   useQueryErrorResetBoundary,
-  UseQueryResult,
 } from '..'
 
 describe("useQuery's in Suspense mode", () => {

package/src/__tests__/useInfiniteQuery.test.tsx

@@ -9,13 +9,12 @@ import {
   setActTimeout,
   sleep,
 } from './utils'
-import {
+import type {
   InfiniteData,
-  QueryCache,
   QueryFunctionContext,
-  useInfiniteQuery,
   UseInfiniteQueryResult,
 } from '..'
+import { QueryCache, useInfiniteQuery } from '..'
 
 interface Result {
   items: number[]

package/src/__tests__/useIsFetching.test.tsx

@@ -9,7 +9,8 @@ import {
   setActTimeout,
   sleep,
 } from './utils'
-import { QueryCache, QueryClient, useIsFetching, useQuery } from '..'
+import type { QueryClient } from '..'
+import { QueryCache, useIsFetching, useQuery } from '..'
 
 describe('useIsFetching', () => {
   // See https://github.com/tannerlinsley/react-query/issues/105

package/src/__tests__/useMutation.test.tsx

@@ -3,8 +3,9 @@ import '@testing-library/jest-dom'
 import * as React from 'react'
 import { ErrorBoundary } from 'react-error-boundary'
 
-import { MutationCache, QueryCache, QueryClient, useMutation } from '..'
-import { UseMutationResult } from '../types'
+import type { QueryClient } from '..'
+import { MutationCache, QueryCache, useMutation } from '..'
+import type { UseMutationResult } from '../types'
 import {
   createQueryClient,
   mockNavigatorOnLine,

package/src/__tests__/useQueries.test.tsx

@@ -12,18 +12,16 @@ import {
   renderWithClient,
   sleep,
 } from './utils'
-import {
-  QueriesObserver,
-  QueryCache,
+import type {
   QueryClient,
   QueryFunction,
   QueryKey,
   QueryObserverResult,
-  useQueries,
   UseQueryOptions,
   UseQueryResult,
 } from '..'
-import { QueryFunctionContext } from '@tanstack/query-core'
+import { QueriesObserver, QueryCache, useQueries } from '..'
+import type { QueryFunctionContext } from '@tanstack/query-core'
 
 describe('useQueries', () => {
   const queryCache = new QueryCache()

package/src/__tests__/useQuery.test.tsx

@@ -13,15 +13,14 @@ import {
   setActTimeout,
   sleep,
 } from './utils'
-import {
+import type {
   DefinedUseQueryResult,
-  QueryCache,
   QueryFunction,
   QueryFunctionContext,
-  useQuery,
   UseQueryOptions,
   UseQueryResult,
 } from '..'
+import { QueryCache, useQuery } from '..'
 import { ErrorBoundary } from 'react-error-boundary'
 
 describe('useQuery', () => {

package/src/__tests__/utils.tsx

@@ -1,12 +1,7 @@
 import * as React from 'react'
 import { act, render } from '@testing-library/react'
-import {
-  QueryClient,
-  ContextOptions,
-  QueryClientProvider,
-  QueryClientConfig,
-  MutationOptions,
-} from '..'
+import type { ContextOptions, QueryClientConfig, MutationOptions } from '..'
+import { QueryClient, QueryClientProvider } from '..'
 import * as utils from '@tanstack/query-core'
 
 export function renderWithClient(

package/src/types.ts

@@ -1,5 +1,5 @@
-import * as React from 'react'
-import {
+import type * as React from 'react'
+import type {
   InfiniteQueryObserverOptions,
   InfiniteQueryObserverResult,
   MutationObserverResult,

package/src/useBaseQuery.ts

@@ -1,10 +1,11 @@
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
-import { QueryKey, notifyManager, QueryObserver } from '@tanstack/query-core'
+import type { QueryKey, QueryObserver } from '@tanstack/query-core'
+import { notifyManager } from '@tanstack/query-core'
 import { useQueryErrorResetBoundary } from './QueryErrorResetBoundary'
 import { useQueryClient } from './QueryClientProvider'
-import { UseBaseQueryOptions } from './types'
+import type { UseBaseQueryOptions } from './types'
 import { shouldThrowError } from './utils'
 import { useIsRestoring } from './isRestoring'
 

package/src/useInfiniteQuery.ts

@@ -1,11 +1,10 @@
-import {
+import type {
   QueryObserver,
-  InfiniteQueryObserver,
   QueryFunction,
   QueryKey,
-  parseQueryArgs,
 } from '@tanstack/query-core'
-import { UseInfiniteQueryOptions, UseInfiniteQueryResult } from './types'
+import { InfiniteQueryObserver, parseQueryArgs } from '@tanstack/query-core'
+import type { UseInfiniteQueryOptions, UseInfiniteQueryResult } from './types'
 import { useBaseQuery } from './useBaseQuery'
 
 // HOOK

package/src/useIsFetching.ts

@@ -1,13 +1,9 @@
 import * as React from 'react'
-import {
-  QueryKey,
-  notifyManager,
-  parseFilterArgs,
-  QueryFilters,
-} from '@tanstack/query-core'
+import type { QueryKey, QueryFilters } from '@tanstack/query-core'
+import { notifyManager, parseFilterArgs } from '@tanstack/query-core'
 
 import { useSyncExternalStore } from './useSyncExternalStore'
-import { ContextOptions } from './types'
+import type { ContextOptions } from './types'
 import { useQueryClient } from './QueryClientProvider'
 
 interface Options extends ContextOptions {}

package/src/useIsMutating.ts

@@ -1,13 +1,9 @@
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
-import {
-  notifyManager,
-  MutationKey,
-  MutationFilters,
-  parseMutationFilterArgs,
-} from '@tanstack/query-core'
-import { ContextOptions } from './types'
+import type { MutationKey, MutationFilters } from '@tanstack/query-core'
+import { notifyManager, parseMutationFilterArgs } from '@tanstack/query-core'
+import type { ContextOptions } from './types'
 import { useQueryClient } from './QueryClientProvider'
 
 interface Options extends ContextOptions {}

package/src/useMutation.ts

@@ -1,15 +1,14 @@
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
+import type { MutationFunction, MutationKey } from '@tanstack/query-core'
 import {
   notifyManager,
   parseMutationArgs,
   MutationObserver,
-  MutationFunction,
-  MutationKey,
 } from '@tanstack/query-core'
 import { useQueryClient } from './QueryClientProvider'
-import {
+import type {
   UseMutateFunction,
   UseMutationOptions,
   UseMutationResult,

package/src/useQueries.ts

@@ -1,14 +1,10 @@
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
-import {
-  QueryKey,
-  QueryFunction,
-  notifyManager,
-  QueriesObserver,
-} from '@tanstack/query-core'
+import type { QueryKey, QueryFunction } from '@tanstack/query-core'
+import { notifyManager, QueriesObserver } from '@tanstack/query-core'
 import { useQueryClient } from './QueryClientProvider'
-import { UseQueryOptions, UseQueryResult } from './types'
+import type { UseQueryOptions, UseQueryResult } from './types'
 import { useIsRestoring } from './isRestoring'
 
 // This defines the `UseQueryOptions` that are accepted in `QueriesOptions` & `GetOptions`.

package/src/useQuery.ts

@@ -1,10 +1,10 @@
-import {
-  parseQueryArgs,
-  QueryFunction,
-  QueryKey,
-  QueryObserver,
-} from '@tanstack/query-core'
-import { DefinedUseQueryResult, UseQueryOptions, UseQueryResult } from './types'
+import type { QueryFunction, QueryKey } from '@tanstack/query-core'
+import { parseQueryArgs, QueryObserver } from '@tanstack/query-core'
+import type {
+  DefinedUseQueryResult,
+  UseQueryOptions,
+  UseQueryResult,
+} from './types'
 import { useBaseQuery } from './useBaseQuery'
 
 // HOOK

package/src/useSyncExternalStore.native.ts

@@ -1,3 +1,5 @@
 // Temporary workaround due to an issue with react-native uSES - https://github.com/TanStack/query/pull/3601
 // @ts-ignore
-export { useSyncExternalStore } from 'use-sync-external-store/shim/index.native.js'
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.native.js'
+
+export { useSyncExternalStore }

package/src/useSyncExternalStore.ts

@@ -1,2 +1,4 @@
 // Temporary workaround due to an issue with react-native uSES - https://github.com/TanStack/query/pull/3601
-export { useSyncExternalStore } from 'use-sync-external-store/shim/index.js'
+import { useSyncExternalStore as uSES } from 'use-sync-external-store/shim/index.js'
+
+export const useSyncExternalStore = uSES