feat: Enable using SeamQueryProvider inside existing QueryClientContext

Author: razor-x

src/lib/seam/SeamQueryProvider.tsx

@@ -3,7 +3,11 @@ import type {
   SeamHttpEndpoints,
   SeamHttpOptionsWithClientSessionToken,
 } from '@seamapi/http/connect'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import {
+  QueryClient,
+  QueryClientContext,
+  QueryClientProvider,
+} from '@tanstack/react-query'
 import {
   createContext,
   type PropsWithChildren,
@@ -88,9 +92,22 @@ export function SeamQueryProvider({
   }
 
   const { Provider } = seamContext
+  const queryClientFromContext = useContext(QueryClientContext)
+
+  if (
+    queryClientFromContext != null &&
+    queryClient != null &&
+    queryClientFromContext !== queryClient
+  ) {
+    throw new Error(
+      'The QueryClient passed into SeamQueryProvider is different from the one in the existing QueryClientContext. Omit the queryClient prop from SeamProvider or SeamQueryProvider to use the existing QueryClient provided by the QueryClientProvider.'
+    )
+  }
 
   return (
-    <QueryClientProvider client={queryClient ?? defaultQueryClient}>
+    <QueryClientProvider
+      client={queryClientFromContext ?? queryClient ?? defaultQueryClient}
+    >
       <Provider value={value}>
         <Session onSessionUpdate={onSessionUpdate}>{children}</Session>
       </Provider>