add eslint-plugin-no-typeof-window-undefined

.eslintrc

@@ -6,6 +6,7 @@
     "plugin:@typescript-eslint/eslint-recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:import/typescript",
+    "plugin:no-typeof-window-undefined/recommended",
     "react-app",
     "prettier"
   ],

docs/guides/window-focus-refetching.md

@@ -39,7 +39,7 @@ In rare circumstances, you may want to manage your own window focus events that
 ```tsx
 focusManager.setEventListener(handleFocus => {
   // Listen to visibilitychange and focus
-  if (typeof window !== 'undefined' && window.addEventListener) {
+  if (typeof document !== 'undefined' && window.addEventListener) {
     window.addEventListener('visibilitychange', handleFocus, false)
     window.addEventListener('focus', handleFocus, false)
   }

docs/reference/focusManager.md

@@ -22,7 +22,7 @@ import { focusManager } from '@tanstack/react-query'
 
 focusManager.setEventListener(handleFocus => {
   // Listen to visibilitychange and focus
-  if (typeof window !== 'undefined' && window.addEventListener) {
+  if (typeof document !== 'undefined' && window.addEventListener) {
     window.addEventListener('visibilitychange', handleFocus, false)
     window.addEventListener('focus', handleFocus, false)
   }

examples/react/prefetching/pages/[user]/[repo].js

@@ -6,7 +6,7 @@ import { useQuery } from '@tanstack/react-query'
 
 export default () => {
   const id =
-    typeof window !== 'undefined' ? window.location.pathname.slice(1) : ''
+    typeof document !== 'undefined' ? window.location.pathname.slice(1) : ''
 
   const { status, data, error, isFetching } = useQuery(['team', id], () =>
     fetch('/api/data?id=' + id),

package.json

@@ -63,6 +63,7 @@
     "eslint-plugin-flowtype": "5.x",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "6.x",
+    "eslint-plugin-no-typeof-window-undefined": "^0.0.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-promise": "^4.2.1",

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

@@ -282,7 +282,7 @@ export function ReactQueryDevtools({
 
       run()
 
-      if (typeof window !== 'undefined') {
+      if (typeof document !== 'undefined') {
         window.addEventListener('resize', run)
 
         return () => {

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

@@ -3,14 +3,14 @@ import * as React from 'react'
 export default function useMediaQuery(query: string): boolean | undefined {
   // Keep track of the preference in state, start with the current match
   const [isMatch, setIsMatch] = React.useState(() => {
-    if (typeof window !== 'undefined') {
+    if (typeof document !== 'undefined') {
       return window.matchMedia(query).matches
     }
   })
 
   // Watch for changes
   React.useEffect(() => {
-    if (typeof window !== 'undefined') {
+    if (typeof document !== 'undefined') {
       // Create a matcher
       const matcher = window.matchMedia(query)
 

packages/react-query/src/QueryClientProvider.tsx

@@ -28,7 +28,7 @@ function getQueryClientContext(
   if (context) {
     return context
   }
-  if (contextSharing && typeof window !== 'undefined') {
+  if (contextSharing && typeof document !== 'undefined') {
     if (!window.ReactQueryClientContext) {
       window.ReactQueryClientContext = defaultContext
     }

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

@@ -246,6 +246,11 @@ describe('QueryClientProvider', () => {
     })
 
     test('should not use window to get the context when contextSharing is true and window does not exist', () => {
+      const { document } = globalThis
+
+      // @ts-expect-error
+      delete globalThis.document
+
       const queryCache = new QueryCache()
       const queryClient = createQueryClient({ queryCache })
 
@@ -269,6 +274,7 @@ describe('QueryClientProvider', () => {
 
       expect(queryClientFromHook).toEqual(queryClient)
 
+      globalThis.document = document
       windowSpy.mockRestore()
     })
   })

packages/solid-query/src/QueryClientProvider.tsx

@@ -32,7 +32,7 @@ function getQueryClientContext(
   if (context) {
     return context
   }
-  if (contextSharing && typeof window !== 'undefined') {
+  if (contextSharing && typeof document !== 'undefined') {
     if (!window.SolidQueryClientContext) {
       window.SolidQueryClientContext = defaultContext
     }

packages/vue-query/src/vueQueryPlugin.ts

@@ -38,7 +38,7 @@ export const VueQueryPlugin = {
     if ('queryClient' in options && options.queryClient) {
       client = options.queryClient
     } else {
-      if (options.contextSharing && typeof window !== 'undefined') {
+      if (options.contextSharing && typeof document !== 'undefined') {
         if (!window.__VUE_QUERY_CONTEXT__) {
           const clientConfig =
             'queryClientConfig' in options