Change import paths to TanStack Query

Recommended when you want to switch from @suspensive/react-query, @suspensive/react-query-4, or @suspensive/react-query-5 to the @tanstack/react-query API.
In v4, APIs provided by @tanstack/react-query will be removed from @suspensive/react-query-4,5. Recommended when you want to switch to @tanstack/react-query.

Among the APIs in @suspensive/react-query, those officially provided by @tanstack/react-query are marked as deprecated.

This is because @suspensive/react-query provides the same APIs as @tanstack/react-query, such as Suspense Hooks, queryOptions, and infiniteQueryOption, and the goal is to encourage developers to use the @tanstack/react-query APIs first.

Terminal


npx @suspensive/codemods tanstack-query-import .

You can automatically convert import paths from @suspensive/react-query to @tanstack/react-query.

For example:


import {
  queryOptions,
  mutationOptions,
  SuspenseQuery,
} from '@suspensive/react-query-5'
import { useSuspenseQuery } from '@suspensive/react-query'

Transforms into:


import { queryOptions, mutationOptions } from '@tanstack/react-query'
import { SuspenseQuery } from '@suspensive/react-query-5'
import { useSuspenseQuery } from '@tanstack/react-query'