feat: changes UseAsynTask to return tuple

Author: cesarenaldi

packages/client/src/viem.ts

@@ -38,6 +38,9 @@ export function sendTransactionAndWait(
   walletClient: WalletClient,
   request: TransactionRequest,
 ): ResultAsync<TxHash, SigningError> {
+  // TODO: verify it's on the correct chain, ask to switch if possible
+  // TODO: verify if wallet account is correct, switch if possible
+
   return ResultAsync.fromPromise(
     sendTransaction(walletClient, request),
     (err) => SigningError.from(err),

packages/react/src/helpers/tasks.ts

@@ -119,12 +119,10 @@ const AsyncTaskState = {
  * return <p>Task completed: {data}</p>;
  * ```
  */
-export type UseAsyncTask<TInput, TValue, TError> = AsyncTaskState<
-  TValue,
-  TError
-> & {
-  execute: AsyncTask<TInput, ResultAsync<TValue, TError>>;
-};
+export type UseAsyncTask<TInput, TValue, TError> = [
+  AsyncTask<TInput, ResultAsync<TValue, TError>>,
+  AsyncTaskState<TValue, TError>,
+];
 
 /**
  * @internal
@@ -165,8 +163,5 @@ export function useAsyncTask<
     [handler, state],
   );
 
-  return {
-    ...state,
-    execute,
-  };
+  return [execute, state];
 }

packages/react/src/transactions.ts

@@ -0,0 +1,22 @@
+import type { UnexpectedError } from '@aave/client';
+import type { ExecutionPlan, SupplyRequest } from '@aave/graphql';
+import { supply } from '../../client/src/actions';
+import { useAaveClient } from './context';
+import { type UseAsyncTask, useAsyncTask } from './helpers';
+
+/**
+ * A hook that provides a way to supply assets to an Aave market.
+ *
+ * ```ts
+ * const [supply, { loading, error, data }] = useSupply();
+ * ```
+ */
+export function useSupply(): UseAsyncTask<
+  SupplyRequest,
+  ExecutionPlan,
+  UnexpectedError
+> {
+  const client = useAaveClient();
+
+  return useAsyncTask((request: SupplyRequest) => supply(client, request));
+}