docs: update docs

packages/alchemy/src/react/errors.ts

@@ -2,11 +2,11 @@ import { BaseError } from "../errors/base.js";
 
 export class NoAlchemyAccountContextError extends BaseError {
   constructor(hookName: string) {
-    super(`${hookName} must be used within a AlchemyAccountProvider`);
+    super(`${hookName} must be used within a AlchemyAxccountProvider`);
   }
 }
 
-export class ClientUndefinedError extends BaseError {
+export class ClientUndefinedHookError extends BaseError {
   constructor(hookName: string) {
     super(`client must be defined in ${hookName}`);
   }

packages/alchemy/src/react/hooks/useSignMessage.ts

@@ -7,7 +7,7 @@ import {
 } from "@tanstack/react-query";
 import type { Hex, SignableMessage } from "viem";
 import { useAlchemyAccountContext } from "../context.js";
-import { ClientUndefinedError } from "../errors.js";
+import { ClientUndefinedHookError } from "../errors.js";
 import type { BaseHookMutationArgs } from "../types.js";
 import { type UseSmartAccountClientResult } from "./useSmartAccountClient.js";
 
@@ -51,7 +51,7 @@ export function useSignMessage({
     {
       mutationFn: async (params: SignMessageArgs) => {
         if (!client) {
-          throw new ClientUndefinedError("useSignMessage");
+          throw new ClientUndefinedHookError("useSignMessage");
         }
 
         return client.signMessageWith6492(params);

packages/alchemy/src/react/hooks/useSignTypedData.ts

@@ -7,7 +7,7 @@ import {
 } from "@tanstack/react-query";
 import type { Hex, TypedDataDefinition } from "viem";
 import { useAlchemyAccountContext } from "../context.js";
-import { ClientUndefinedError } from "../errors.js";
+import { ClientUndefinedHookError } from "../errors.js";
 import type { BaseHookMutationArgs } from "../types.js";
 import type { UseSmartAccountClientResult } from "./useSmartAccountClient.js";
 
@@ -51,7 +51,7 @@ export function useSignTypedData({
     {
       mutationFn: async (params: SignTypedDataArgs) => {
         if (!client) {
-          throw new ClientUndefinedError("useSignTypedData");
+          throw new ClientUndefinedHookError("useSignTypedData");
         }
         return client.signTypedDataWith6492({ ...params });
       },

site/snippets/react/useSignMessage.tsx

@@ -5,12 +5,23 @@ import {
 import { useState } from "react";
 
 export function ComponentWithSignMessage() {
-  // Assumes the app has context of a signer with an authenticated user
+  /**
+   * Assumes the app has context of a signer with an authenticated user
+   * by using the `AlchemyAccountProvider` from `@alchemy/aa-alchemy/react`.
+   */
   const [message, setMessage] = useState("");
   const client = useSmartAccountClient({
     type: "MultiOwnerModularAccount",
   });
-  const { signMessage, isSigningMessage } = useSignMessage({ client });
+  const { signMessage, isSigningMessage } = useSignMessage({
+    client,
+    onSuccess: (signature) => {
+      // Do something with the signature
+    },
+    onError: (error) => {
+      // Handle the error
+    },
+  });
 
   return (
     <div>

site/snippets/react/useSignTypedData.tsx

@@ -5,12 +5,23 @@ import {
 import { useState } from "react";
 
 export function ComponentWithSignTypedData() {
-  // Assumes the app has context of a signer with an authenticated user
+  /**
+   * Assumes the app has context of a signer with an authenticated user
+   * by using the `AlchemyAccountProvider` from `@alchemy/aa-alchemy/react`.
+   */
   const [typedDataMessage, setTypedDataMessage] = useState("");
   const client = useSmartAccountClient({
     type: "MultiOwnerModularAccount",
   });
-  const { signTypedData, isSigningTypedData } = useSignTypedData({ client });
+  const { signTypedData, isSigningTypedData } = useSignTypedData({
+    client,
+    onSuccess: (signature) => {
+      // Do something with the signature
+    },
+    onError: (error) => {
+      // Handle the error
+    },
+  });
 
   return (
     <div>