diff --git a/package.json b/package.json
index 366af92c7a..28e38eadfd 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "react-dom-17": "npm:react-dom@^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.2",
+    "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/src/errorBoundaryUtils.ts b/packages/react-query/src/errorBoundaryUtils.ts
index 87e4ee1afd..68ed341bf3 100644
--- a/packages/react-query/src/errorBoundaryUtils.ts
+++ b/packages/react-query/src/errorBoundaryUtils.ts
@@ -1,3 +1,4 @@
+'use client'
 import type {
   DefaultedQueryObserverOptions,
   Query,
diff --git a/packages/react-query/src/reactBatchedUpdates.ts b/packages/react-query/src/reactBatchedUpdates.ts
index 1be1c6f314..5cc1911268 100644
--- a/packages/react-query/src/reactBatchedUpdates.ts
+++ b/packages/react-query/src/reactBatchedUpdates.ts
@@ -1,2 +1,3 @@
+'use client'
 import * as ReactDOM from 'react-dom'
 export const unstable_batchedUpdates = ReactDOM.unstable_batchedUpdates
diff --git a/packages/react-query/src/useBaseQuery.ts b/packages/react-query/src/useBaseQuery.ts
index df537ab745..39718a3c0e 100644
--- a/packages/react-query/src/useBaseQuery.ts
+++ b/packages/react-query/src/useBaseQuery.ts
@@ -1,3 +1,4 @@
+'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
index e7c23f5c43..85e78699bd 100644
--- a/packages/react-query/src/useInfiniteQuery.ts
+++ b/packages/react-query/src/useInfiniteQuery.ts
@@ -1,3 +1,4 @@
+'use client'
 import type {
   QueryObserver,
   QueryFunction,
diff --git a/packages/react-query/src/useIsFetching.ts b/packages/react-query/src/useIsFetching.ts
index e72e5c0ea8..ceac657496 100644
--- a/packages/react-query/src/useIsFetching.ts
+++ b/packages/react-query/src/useIsFetching.ts
@@ -1,3 +1,4 @@
+'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
index 46c23a274c..97c3ad2e4b 100644
--- a/packages/react-query/src/useIsMutating.ts
+++ b/packages/react-query/src/useIsMutating.ts
@@ -1,3 +1,4 @@
+'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
index 8ba94a3bfb..0f10dbf74a 100644
--- a/packages/react-query/src/useMutation.ts
+++ b/packages/react-query/src/useMutation.ts
@@ -1,3 +1,4 @@
+'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
index 0682d30f1e..092d691dd1 100644
--- a/packages/react-query/src/useQueries.ts
+++ b/packages/react-query/src/useQueries.ts
@@ -1,3 +1,4 @@
+'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
index 1ccf7099ed..ae23e9016f 100644
--- a/packages/react-query/src/useQuery.ts
+++ b/packages/react-query/src/useQuery.ts
@@ -1,3 +1,4 @@
+'use client'
 import type { QueryFunction, QueryKey } from '@tanstack/query-core'
 import { parseQueryArgs, QueryObserver } from '@tanstack/query-core'
 import type {
diff --git a/packages/react-query/src/useSyncExternalStore.ts b/packages/react-query/src/useSyncExternalStore.ts
index ed857e6740..8d40cf160c 100644
--- a/packages/react-query/src/useSyncExternalStore.ts
+++ b/packages/react-query/src/useSyncExternalStore.ts
@@ -1,3 +1,4 @@
+'use client'
 // Temporary workaround due to an issue with react-native uSES - https://github.com/TanStack/query/pull/3601
 import { useSyncExternalStore as uSES } from 'use-sync-external-store/shim/index.js'
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0691f6b9cf..138c1bdaf8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -65,6 +65,7 @@ importers:
       react-dom-17: npm:react-dom@^17.0.2
       rimraf: ^3.0.2
       rollup: ^2.70.2
+      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
@@ -138,6 +139,7 @@ importers:
       react-dom-17: /react-dom/17.0.2_react@18.2.0
       rimraf: 3.0.2
       rollup: 2.78.1
+      rollup-plugin-preserve-directives: 0.1.0_rollup@2.78.1
       rollup-plugin-size: 0.2.2
       rollup-plugin-terser: 7.0.2_rollup@2.78.1
       rollup-plugin-visualizer: 5.6.0_rollup@2.78.1
@@ -15700,6 +15702,14 @@ packages:
     dependencies:
       glob: 7.2.3
 
+  /rollup-plugin-preserve-directives/0.1.0_rollup@2.78.1:
+    resolution: {integrity: sha512-fgzIK3hwF/afa6L1Qdsvshn0JlCHZRx0Sh9l0jjUgz3VK0unMFuEB4uqL3Vdae4OXkn+MBYCeNEN9vm81IteiA==}
+    peerDependencies:
+      rollup: 2.x || 3.x
+    dependencies:
+      rollup: 2.78.1
+    dev: true
+
   /rollup-plugin-size/0.2.2:
     resolution: {integrity: sha512-XIQpfwp1dLXzr4qCopY5ZSEEPB3bgZLkGw2BB3+TXmfH2jxGSmuN/+sRxnA5MvJe+Z4atW0x0qTQz5EuTQy01Q==}
     engines: {node: '>=10.0.0'}
diff --git a/rollup.config.ts b/rollup.config.ts
index ee5ffe47fc..3e203a82c1 100644
--- a/rollup.config.ts
+++ b/rollup.config.ts
@@ -7,6 +7,7 @@ import replace from '@rollup/plugin-replace'
 import nodeResolve from '@rollup/plugin-node-resolve'
 import commonJS from '@rollup/plugin-commonjs'
 import path from 'path'
+import preserveDirectives from 'rollup-plugin-preserve-directives'
 
 type Options = {
   input: string | string[]
@@ -285,6 +286,7 @@ function mjs({
       commonJS(),
       nodeResolve({ extensions: ['.ts', '.tsx', '.native.ts'] }),
       forceDevEnv ? forceEnvPlugin('development') : undefined,
+      preserveDirectives(),
     ],
   }
 }
@@ -324,6 +326,7 @@ function esm({
       commonJS(),
       nodeResolve({ extensions: ['.ts', '.tsx', '.native.ts'] }),
       forceDevEnv ? forceEnvPlugin('development') : undefined,
+      preserveDirectives(),
     ],
   }
 }
@@ -375,6 +378,7 @@ function cjs({
         preventAssignment: true,
         delimiters: ['', ''],
       }),
+      preserveDirectives(),
     ],
   }
 }