fix: Revert "refactor(rect-query): prefer client-only import over 'use client' (#5626)" (#5630)

TkDodo · web-flow · commit 1c46228fa202 · 2023-06-27T09:04:01.000+02:00
This reverts commit 3e25f51.
diff --git a/package.json b/package.json
@@ -93,7 +93,7 @@
     "react-dom-17": "npm:react-dom@^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.2",
-    "rollup-plugin-preserve-directives": "0.2.0",
+    "rollup-plugin-preserve-directives": "0.1.0",
     "rollup-plugin-size": "^0.2.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^5.6.0",
diff --git a/packages/react-query-persist-client/package.json b/packages/react-query-persist-client/package.json
@@ -45,8 +45,7 @@
     "@tanstack/react-query": "workspace:*"
   },
   "dependencies": {
-    "@tanstack/query-persist-client-core": "workspace:*",
-    "client-only": "0.0.1"
+    "@tanstack/query-persist-client-core": "workspace:*"
   },
   "peerDependencies": {
     "@tanstack/react-query": "workspace:*"
diff --git a/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx b/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 
 import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
diff --git a/packages/react-query/package.json b/packages/react-query/package.json
@@ -55,7 +55,6 @@
   },
   "dependencies": {
     "@tanstack/query-core": "workspace:*",
-    "client-only": "0.0.1",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
diff --git a/packages/react-query/src/QueryClientProvider.tsx b/packages/react-query/src/QueryClientProvider.tsx
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 
 import type { QueryClient } from '@tanstack/query-core'
diff --git a/packages/react-query/src/useBaseQuery.ts b/packages/react-query/src/useBaseQuery.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
diff --git a/packages/react-query/src/useInfiniteQuery.ts b/packages/react-query/src/useInfiniteQuery.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import type {
   QueryObserver,
   QueryFunction,
diff --git a/packages/react-query/src/useIsFetching.ts b/packages/react-query/src/useIsFetching.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 import type { QueryKey, QueryFilters } from '@tanstack/query-core'
 import { notifyManager, parseFilterArgs } from '@tanstack/query-core'
diff --git a/packages/react-query/src/useIsMutating.ts b/packages/react-query/src/useIsMutating.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
diff --git a/packages/react-query/src/useMutation.ts b/packages/react-query/src/useMutation.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
diff --git a/packages/react-query/src/useQueries.ts b/packages/react-query/src/useQueries.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 
diff --git a/packages/react-query/src/useQuery.ts b/packages/react-query/src/useQuery.ts
@@ -1,4 +1,4 @@
-import 'client-only'
+'use client'
 import type { QueryFunction, QueryKey } from '@tanstack/query-core'
 import { parseQueryArgs, QueryObserver } from '@tanstack/query-core'
 import type {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import 'client-only'`
	`1`	`+'use client'`
`2`	`2`	`import * as React from 'react'`
`3`	`3`
`4`	`4`	`import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'`