allow passing queryClient to thirdwebsdkprovider (#115)

* allow passing queryClient to thirdwebsdkprovider

* v2.6.0-1

Author: jnsdls

docs/react.thirdwebsdkproviderprops.md

@@ -16,5 +16,6 @@ export interface ThirdwebSDKProviderProps extends Pick<ThirdwebProviderProps, "d
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
 |  [provider](./react.thirdwebsdkproviderprops.provider.md) |  | ChainOrRpc \| SignerOrProvider |  |
+|  [queryClient](./react.thirdwebsdkproviderprops.queryclient.md) |  | QueryClient |  |
 |  [signer?](./react.thirdwebsdkproviderprops.signer.md) |  | Signer | <i>(Optional)</i> |
 

docs/react.thirdwebsdkproviderprops.queryclient.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@thirdweb-dev/react](./react.md) &gt; [ThirdwebSDKProviderProps](./react.thirdwebsdkproviderprops.md) &gt; [queryClient](./react.thirdwebsdkproviderprops.queryclient.md)
+
+## ThirdwebSDKProviderProps.queryClient property
+
+<b>Signature:</b>
+
+```typescript
+queryClient: QueryClient;
+```

etc/react.api.md

@@ -287,6 +287,8 @@ export interface ThirdwebSDKProviderProps extends Pick<ThirdwebProviderProps, "d
     // (undocumented)
     provider: ChainOrRpc | SignerOrProvider;
     // (undocumented)
+    queryClient: QueryClient;
+    // (undocumented)
     signer?: Signer;
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thirdweb-dev/react",
-  "version": "2.6.0-0",
+  "version": "2.6.0-1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com:thirdweb-dev/react.git"

src/Provider.tsx

@@ -411,17 +411,16 @@ export const ThirdwebProvider = <
     <ThirdwebConfigProvider
       value={{ rpcUrlMap: _rpcUrlMap, supportedChains: _supporrtedChains }}
     >
-      <QueryClientProvider client={queryClientWithDefault}>
-        <WagmiProvider {...wagmiProps}>
-          <ThirdwebSDKProviderWagmiWrapper
-            desiredChainId={desiredChainId}
-            sdkOptions={sdkOptionsWithDefaults}
-            storageInterface={storageInterface}
-          >
-            {children}
-          </ThirdwebSDKProviderWagmiWrapper>
-        </WagmiProvider>
-      </QueryClientProvider>
+      <WagmiProvider {...wagmiProps}>
+        <ThirdwebSDKProviderWagmiWrapper
+          queryClient={queryClientWithDefault}
+          desiredChainId={desiredChainId}
+          sdkOptions={sdkOptionsWithDefaults}
+          storageInterface={storageInterface}
+        >
+          {children}
+        </ThirdwebSDKProviderWagmiWrapper>
+      </WagmiProvider>
     </ThirdwebConfigProvider>
   );
 };
@@ -433,6 +432,7 @@ export interface ThirdwebSDKProviderProps
   > {
   signer?: Signer;
   provider: ChainOrRpc | SignerOrProvider;
+  queryClient: QueryClient;
 }
 
 const ThirdwebSDKProviderWagmiWrapper: React.FC<
@@ -472,6 +472,7 @@ export const ThirdwebSDKProvider: React.FC<
   storageInterface,
   provider,
   signer,
+  queryClient,
   children,
 }) => {
   const sdk = useMemo(() => {
@@ -499,9 +500,11 @@ export const ThirdwebSDKProvider: React.FC<
   );
 
   return (
-    <ThirdwebSDKContext.Provider value={ctxValue}>
-      {children}
-    </ThirdwebSDKContext.Provider>
+    <QueryClientProvider client={queryClient}>
+      <ThirdwebSDKContext.Provider value={ctxValue}>
+        {children}
+      </ThirdwebSDKContext.Provider>
+    </QueryClientProvider>
   );
 };