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

girishsontakke · TkDodo · Ephem · web-flow · commit f57c8dc15ec7 · 2023-01-24T11:52:11.000+01:00
Co-authored-by: Dominik Dorfmeister &lt;office@dorfmeister.cc&gt;
Co-authored-by: Fredrik Höglund &lt;fredrik.hoglund@gmail.com&gt;
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 const IsRestoringContext = React.createContext(false)

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+'use client'`
`1`	`2`	`import * as React from 'react'`
`2`	`3`
`3`	`4`	`import { displayValue, styled } from './utils'`