fix useContractCall hook (#119)

* fix useContractCall hook

* v2.6.1-0

Author: jnsdls

docs/react.usecontractcall.md

@@ -12,7 +12,7 @@ Use this to get a function to make a write call to your contract
 <b>Signature:</b>
 
 ```typescript
-export declare function useContractCall(contract: RequiredParam<ReturnType<typeof useContract>["contract"]>, functionName: RequiredParam<string>): import("@tanstack/react-query").UseMutationResult<any, unknown, unknown, unknown>;
+export declare function useContractCall(contract: RequiredParam<ReturnType<typeof useContract>["contract"]>, functionName: RequiredParam<string>): import("@tanstack/react-query").UseMutationResult<any, unknown, unknown[] | [...unknown[], CallOverrides] | undefined, unknown>;
 ```
 
 ## Parameters
@@ -24,7 +24,7 @@ export declare function useContractCall(contract: RequiredParam<ReturnType<typeo
 
 <b>Returns:</b>
 
-import("@tanstack/react-query").UseMutationResult&lt;any, unknown, unknown, unknown&gt;
+import("@tanstack/react-query").UseMutationResult&lt;any, unknown, unknown\[\] \| \[...unknown\[\], CallOverrides\] \| undefined, unknown&gt;
 
 a response object that includes the write function to call
 
@@ -36,6 +36,6 @@ const { contract } = useContract("{{contract_address}}");
 const { mutate: myFunction, isLoading, error } = useContractCall(contract, "myFunction");
 
 // the function can be called as follows:
-// myFunction(...args)
+// myFunction(["param 1", "param 2", ...])
 ```
 

docs/snippets.json

@@ -38,7 +38,7 @@
       },
       {
         "name": "useContractCall",
-        "example": "const { contract } = useContract(\"{{contract_address}}\");\nconst { mutate: myFunction, isLoading, error } = useContractCall(contract, \"myFunction\");\n\n// the function can be called as follows:\n// myFunction(...args)",
+        "example": "const { contract } = useContract(\"{{contract_address}}\");\nconst { mutate: myFunction, isLoading, error } = useContractCall(contract, \"myFunction\");\n\n// the function can be called as follows:\n// myFunction([\"param 1\", \"param 2\", ...])",
         "reference": "https://portal.thirdweb.com/react/react.usecontractcall"
       },
       {

etc/react.api.md

@@ -1255,7 +1255,7 @@ export function useContractAbi(contractAddress: RequiredParam<ContractAddress>):
 };
 
 // @beta
-export function useContractCall(contract: RequiredParam<ReturnType<typeof useContract>["contract"]>, functionName: RequiredParam<string>): UseMutationResult<any, unknown, unknown, unknown>;
+export function useContractCall(contract: RequiredParam<ReturnType<typeof useContract>["contract"]>, functionName: RequiredParam<string>): UseMutationResult<any, unknown, unknown[] | [...unknown[], CallOverrides] | undefined, unknown>;
 
 // @beta
 export function useContractCompilerMetadata(contractAddress: RequiredParam<ContractAddress>): UseQueryResult<    {

package.json

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

src/hooks/async/contracts.ts

@@ -409,7 +409,7 @@ export function useContractData(
  * const { mutate: myFunction, isLoading, error } = useContractCall(contract, "myFunction");
  *
  * // the function can be called as follows:
- * // myFunction(...args)
+ * // myFunction(["param 1", "param 2", ...])
  *```
  *
  * @param contract - the contract instance of the contract to call a function on
@@ -427,13 +427,13 @@ export function useContractCall(
   const queryClient = useQueryClient();
 
   return useMutation(
-    async (...args: unknown[] | [...unknown[], CallOverrides]) => {
+    async (callParams?: unknown[] | [...unknown[], CallOverrides]) => {
       invariant(contract, "contract must be defined");
       invariant(functionName, "function name must be provided");
-      if (!args.length) {
+      if (!callParams?.length) {
         return contract.call(functionName);
       }
-      return contract.call(functionName, ...args);
+      return contract.call(functionName, ...callParams);
     },
     {
       onSettled: () =>