diff --git a/packages/react-query-devtools/src/Explorer.tsx b/packages/react-query-devtools/src/Explorer.tsx
index 04871143fd..5c40e54000 100644
--- a/packages/react-query-devtools/src/Explorer.tsx
+++ b/packages/react-query-devtools/src/Explorer.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import { displayValue, styled } from './utils'
diff --git a/packages/react-query-devtools/src/devtools.tsx b/packages/react-query-devtools/src/devtools.tsx
index 9de970493c..1e23d69d0e 100644
--- a/packages/react-query-devtools/src/devtools.tsx
+++ b/packages/react-query-devtools/src/devtools.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 import type {
diff --git a/packages/react-query-devtools/src/theme.tsx b/packages/react-query-devtools/src/theme.tsx
index b8d1de0c2f..2530e5463f 100644
--- a/packages/react-query-devtools/src/theme.tsx
+++ b/packages/react-query-devtools/src/theme.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 export const defaultTheme = {
diff --git a/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx b/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx
index 5ccb2ff36e..ecfc916a2b 100644
--- a/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx
+++ b/packages/react-query-persist-client/src/PersistQueryClientProvider.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
diff --git a/packages/react-query/src/Hydrate.tsx b/packages/react-query/src/Hydrate.tsx
index a1b9fed01f..19d94a3681 100644
--- a/packages/react-query/src/Hydrate.tsx
+++ b/packages/react-query/src/Hydrate.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import type { HydrateOptions } from '@tanstack/query-core'
diff --git a/packages/react-query/src/QueryClientProvider.tsx b/packages/react-query/src/QueryClientProvider.tsx
index 33a14f69cc..da4ba57880 100644
--- a/packages/react-query/src/QueryClientProvider.tsx
+++ b/packages/react-query/src/QueryClientProvider.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import type { QueryClient } from '@tanstack/query-core'
diff --git a/packages/react-query/src/QueryErrorResetBoundary.tsx b/packages/react-query/src/QueryErrorResetBoundary.tsx
index 4a1fd73758..ba5fe3b2be 100644
--- a/packages/react-query/src/QueryErrorResetBoundary.tsx
+++ b/packages/react-query/src/QueryErrorResetBoundary.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 // CONTEXT
diff --git a/packages/react-query/src/isRestoring.tsx b/packages/react-query/src/isRestoring.tsx
index 3d8728e703..7d59c72507 100644
--- a/packages/react-query/src/isRestoring.tsx
+++ b/packages/react-query/src/isRestoring.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 const IsRestoringContext = React.createContext(false)