chore: lint violations

Author: TkDodo

examples/react/algolia/eslint.config.js

@@ -1,17 +1,9 @@
 import { tanstackConfig } from '@tanstack/config/eslint'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import pluginReact from '@eslint-react/eslint-plugin'
-import * as reactHooks from 'eslint-plugin-react-hooks'
 
 export default [
   ...tanstackConfig,
   ...pluginQuery.configs['flat/recommended'],
   pluginReact.configs.recommended,
-  reactHooks.configs.recommended,
-  {
-    rules: {
-      'react-hooks/exhaustive-deps': 'error',
-      'react-hooks/rules-of-hooks': 'error',
-    },
-  },
 ]

examples/react/basic-graphql-request/eslint.config.js

@@ -1,17 +1,9 @@
 import { tanstackConfig } from '@tanstack/config/eslint'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import pluginReact from '@eslint-react/eslint-plugin'
-import * as reactHooks from 'eslint-plugin-react-hooks'
 
 export default [
   ...tanstackConfig,
   ...pluginQuery.configs['flat/recommended'],
   pluginReact.configs.recommended,
-  reactHooks.configs.recommended,
-  {
-    rules: {
-      'react-hooks/exhaustive-deps': 'error',
-      'react-hooks/rules-of-hooks': 'error',
-    },
-  },
 ]

examples/react/basic/eslint.config.js

@@ -1,17 +1,9 @@
 import { tanstackConfig } from '@tanstack/config/eslint'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import pluginReact from '@eslint-react/eslint-plugin'
-import * as reactHooks from 'eslint-plugin-react-hooks'
 
 export default [
   ...tanstackConfig,
   ...pluginQuery.configs['flat/recommended'],
   pluginReact.configs.recommended,
-  reactHooks.configs.recommended,
-  {
-    rules: {
-      'react-hooks/exhaustive-deps': 'error',
-      'react-hooks/rules-of-hooks': 'error',
-    },
-  },
 ]

examples/react/shadow-dom/eslint.config.js

@@ -1,17 +1,9 @@
 import { tanstackConfig } from '@tanstack/config/eslint'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import pluginReact from '@eslint-react/eslint-plugin'
-import * as reactHooks from 'eslint-plugin-react-hooks'
 
 export default [
   ...tanstackConfig,
   ...pluginQuery.configs['flat/recommended'],
   pluginReact.configs.recommended,
-  reactHooks.configs.recommended,
-  {
-    rules: {
-      'react-hooks/exhaustive-deps': 'error',
-      'react-hooks/rules-of-hooks': 'error',
-    },
-  },
 ]

packages/react-query-next-experimental/src/HydrationStreamProvider.tsx

@@ -130,7 +130,7 @@ export function createHydrationStreamProvider<TShape>() {
         .join(',')
 
       // Flush stream
-      // eslint-disable-next-line react-hooks/react-compiler
+      // eslint-disable-next-line react-hooks/immutability
       stream.length = 0
 
       const html: Array<string> = [
@@ -169,6 +169,7 @@ export function createHydrationStreamProvider<TShape>() {
 
         onEntries(...winStream)
 
+        // eslint-disable-next-line react-hooks/immutability
         win[id] = {
           initialized: true,
           push: onEntries,

packages/react-query-persist-client/src/__tests__/PersistQueryClientProvider.test.tsx

@@ -371,7 +371,6 @@ describe('PersistQueryClientProvider', () => {
       const state = useQuery({
         queryKey: key,
         queryFn: async () => {
-          // eslint-disable-next-line react-hooks/react-compiler
           fetched = true
           await sleep(10)
           return 'fetched'

packages/react-query/src/HydrationBoundary.tsx

@@ -31,7 +31,9 @@ export const HydrationBoundary = ({
   const client = useQueryClient(queryClient)
 
   const optionsRef = React.useRef(options)
-  optionsRef.current = options
+  React.useEffect(() => {
+    optionsRef.current = options
+  })
 
   // This useMemo is for performance reasons only, everything inside it must
   // be safe to run in every render and code here should be read as "in render".
@@ -89,6 +91,7 @@ export const HydrationBoundary = ({
         if (newQueries.length > 0) {
           // It's actually fine to call this with queries/state that already exists
           // in the cache, or is older. hydrate() is idempotent for queries.
+          // eslint-disable-next-line react-hooks/refs
           hydrate(client, { queries: newQueries }, optionsRef.current)
         }
         if (existingQueries.length > 0) {

packages/react-query/src/__tests__/useQuery.test.tsx

@@ -4684,6 +4684,7 @@ describe('useQuery', () => {
 
     function Page(props: { limit: number }) {
       const state = useQuery({ queryKey: [key, props.limit], queryFn })
+      // eslint-disable-next-line react-hooks/immutability
       states[props.limit] = state
       return (
         <div>
@@ -6152,7 +6153,6 @@ describe('useQuery', () => {
     const key = queryKey()
 
     function Page() {
-      const mounted = React.useRef<boolean>(false)
       const { data, status } = useQuery({
         enabled: false,
         queryKey: key,
@@ -6162,9 +6162,10 @@ describe('useQuery', () => {
         },
       })
 
+      const mounted = React.useRef<boolean>(null)
       // this simulates a synchronous update between the time the query is created
       // and the time it is subscribed to that could be missed otherwise
-      if (!mounted.current) {
+      if (mounted.current === null) {
         mounted.current = true
         queryClient.setQueryData(key, 1)
       }

packages/react-query/src/__tests__/useSuspenseInfiniteQuery.test.tsx

@@ -25,6 +25,7 @@ describe('useSuspenseInfiniteQuery', () => {
         initialPageParam: 1,
         getNextPageParam: () => 1,
         // @ts-expect-error
+        // eslint-disable-next-line react-hooks/purity
         queryFn: Math.random() >= 0 ? skipToken : () => Promise.resolve(5),
       })
 

packages/react-query/src/__tests__/useSuspenseQueries.test-d.tsx

@@ -236,7 +236,7 @@ describe('UseSuspenseQueries config object overload', () => {
     )
   })
 
-  it('should not show type error when using spreaded queryOptions', () => {
+  it('should not show type error when using rest queryOptions', () => {
     assertType(
       useSuspenseQueries({
         queries: [