fix: cross-bundle/version query client context

Author: tannerlinsley

src/react/QueryClientProvider.tsx

@@ -2,15 +2,31 @@ import React from 'react'
 
 import { QueryClient } from '../core'
 
-const QueryClientContext = React.createContext<QueryClient | undefined>(
-  undefined
-)
+const QueryClientContext = (() => {
+  const context = React.createContext<QueryClient | undefined>(undefined)
+  if (typeof window !== 'undefined') {
+    // @ts-ignore
+    window.ReactQueryClientContext = context
+  }
+  return context
+})()
+
+function getQueryClientContext() {
+  return typeof window !== 'undefined'
+    ? // @ts-ignore
+      (window.ReactQueryClientContext as React.Context<
+        QueryClient | undefined
+      >) ?? QueryClientContext
+    : QueryClientContext
+}
 
 export const useQueryClient = () => {
-  const queryClient = React.useContext(QueryClientContext)
+  const queryClient = React.useContext(getQueryClientContext())
+
   if (!queryClient) {
     throw new Error('No QueryClient set, use QueryClientProvider to set one')
   }
+
   return queryClient
 }
 
@@ -29,9 +45,7 @@ export const QueryClientProvider: React.FC<QueryClientProviderProps> = ({
     }
   }, [client])
 
-  return (
-    <QueryClientContext.Provider value={client}>
-      {children}
-    </QueryClientContext.Provider>
-  )
+  const Context = getQueryClientContext()
+
+  return <Context.Provider value={client}>{children}</Context.Provider>
 }