feat(client components): add use client directive at the top of files having client components

packages/react-query-devtools/src/Explorer.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import { displayValue, styled } from './utils'

packages/react-query-devtools/src/devtools.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 import { useSyncExternalStore } from './useSyncExternalStore'
 import type {

packages/react-query-devtools/src/theme.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 export const defaultTheme = {

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'

packages/react-query/src/Hydrate.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import type { HydrateOptions } from '@tanstack/query-core'

packages/react-query/src/QueryClientProvider.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import type { QueryClient } from '@tanstack/query-core'

packages/react-query/src/QueryErrorResetBoundary.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 // CONTEXT

packages/react-query/src/isRestoring.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 const IsRestoringContext = React.createContext(false)