Merge pull request #83 from AbstractSDK/adair/app-261-implement-the-p…

…ropagation-of-react-query-client-props Allow dev to pass query client options
AbstractSDK · Mar 18, 2024 · 1801c69 · 1801c69
2 parents b55c0e1 + 8d4ec17
commit 1801c69
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/new-socks-add.md b/.changeset/new-socks-add.md
@@ -0,0 +1,5 @@
+---
+"@abstract-money/react": patch
+---
+
+Add query client options to abtsract provider
diff --git a/packages/react/src/contexts/config.ts b/packages/react/src/contexts/config.ts
@@ -1,10 +1,14 @@
+import { QueryClientProviderProps } from '@tanstack/react-query/src/QueryClientProvider'
 import * as React from 'react'
 import { Config } from '../create-config'
 
 const ConfigContext = React.createContext<Config | undefined>(undefined)
 
 export type AbstractConfigProps = {
   config: Config
+  queryClientOptions?: Partial<
+    Omit<QueryClientProviderProps, 'children' | 'contextSharing'>
+  >
 }
 
 export function AbstractConfigContext({

diff --git a/packages/react/src/contexts/provider.ts b/packages/react/src/contexts/provider.ts
@@ -25,6 +25,7 @@ export type AbstractProviderProps = AbstractConfigProps
 export function AbstractProvider({
   children,
   config,
+  queryClientOptions,
 }: React.PropsWithChildren<AbstractProviderProps>) {
   // Bailing out of using JSX
   // https://github.com/egoist/tsup/issues/390#issuecomment-933488738
@@ -35,7 +36,8 @@ export function AbstractProvider({
       // biome-ignore lint/correctness/noChildrenProp: <explanation>
       children: React.createElement(QueryClientProvider, {
         children,
-        client,
+        client: client,
+        ...queryClientOptions,
       }),
     }),
   })