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-devtools/src/useLocalStorage.ts

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 const getItem = (key: string): unknown => {

packages/react-query-devtools/src/useMediaQuery.ts

@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 export default function useMediaQuery(query: string): boolean | undefined {

packages/react-query-devtools/src/utils.ts

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

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/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/useBaseQuery.ts

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

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'

packages/react-query/src/useIsMutating.ts

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

packages/react-query/src/useMutation.ts

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

packages/react-query/src/useQueries.ts

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