fix: Bind QueryClient to SeamQueryProvider lifecycle

Author: razor-x

src/lib/seam/SeamProvider.tsx

@@ -69,6 +69,7 @@ export function SeamProvider({
   disableFontInjection = false,
   unminifiyCss = false,
   telemetryClient,
+  queryClient,
   ...props
 }: SeamProviderProps): JSX.Element {
   useSeamStyles({ disabled: disableCssInjection, unminified: unminifiyCss })
@@ -89,7 +90,10 @@ export function SeamProvider({
         disabled={disableTelemetry}
         endpoint={endpoint}
       >
-        <SeamQueryProvider {...props}>
+        <SeamQueryProvider
+          queryClient={queryClient ?? globalThis.seamQueryClient}
+          {...props}
+        >
           <Provider value={value}>
             <Telemetry>{children}</Telemetry>
           </Provider>

src/lib/seam/SeamQueryProvider.tsx

@@ -10,6 +10,7 @@ import {
   useContext,
   useEffect,
   useMemo,
+  useState,
 } from 'react'
 
 import { useSeamClient } from './use-seam-client.js'
@@ -55,14 +56,13 @@ type SeamClientOptions = SeamHttpOptionsWithClientSessionToken
 
 export type SeamQueryProviderClientOptions = Pick<SeamClientOptions, 'endpoint'>
 
-const defaultQueryClient = new QueryClient()
-
 export function SeamQueryProvider({
   children,
   onSessionUpdate = () => {},
   queryClient,
   ...props
 }: SeamQueryProviderProps): JSX.Element {
+  const [defaultQueryClient] = useState(new QueryClient())
   const value = useMemo(() => {
     const context = createSeamQueryContextValue(props)
     if (
@@ -88,9 +88,7 @@ export function SeamQueryProvider({
   const { Provider } = seamContext
 
   return (
-    <QueryClientProvider
-      client={queryClient ?? globalThis.seamQueryClient ?? defaultQueryClient}
-    >
+    <QueryClientProvider client={queryClient ?? defaultQueryClient}>
       <Provider value={value}>
         <Session onSessionUpdate={onSessionUpdate}>{children}</Session>
       </Provider>