docs: fix example imports & twoslash (#2060)

* docs: fix example imports & twoslash

* docs: fix example

* chore: generate docs

Author: jakehobbs

account-kit/react/src/hooks/useAlchemyAccountContext.ts

@@ -8,7 +8,7 @@ import type { AlchemyAccountContextProps } from "../AlchemyAccountContext.js";
  * This hook is meant to be consumed by other hooks exported by this package.
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
  * import { useAlchemyAccountContext } from "@account-kit/react";
  *
  * const { config, queryClient } = useAlchemyAccountContext();

account-kit/react/src/hooks/useAuthError.ts

@@ -8,7 +8,7 @@ export type UseAuthErrorResult = Error | undefined;
  * @returns {UseAuthErrorResult} the current Error object
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
  * import { useAuthError } from "@account-kit/react";
  *
  * const error = useAuthError();

account-kit/react/src/hooks/usePrepareCalls.ts

@@ -65,7 +65,9 @@ export type UsePrepareCallsResult = {
  * - `error`: Error from the last failed call preparation, if any
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
+ * import { usePrepareCalls } from "@account-kit/react";
+ *
  * const { prepareCalls, prepareCallsAsync, isPreparingCalls, error } = usePrepareCalls();
  *
  * // Prepare calls

account-kit/react/src/hooks/useSendCalls.ts

@@ -85,7 +85,9 @@ export type UseSendCallsResult<
  * - `error`: Error from the last failed call execution, if any
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
+ * import { useSendCalls } from "@account-kit/react";
+ *
  * const { sendCalls, sendCallsAsync, isSendingCalls, error } = useSendCalls();
  *
  * // Send a single call

account-kit/react/src/hooks/useSendPreparedCalls.ts

@@ -65,12 +65,16 @@ export type UseSendPreparedCallsResult = {
  * - `error`: Error from the last failed prepared call execution, if any
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
+ * import { useSendPreparedCalls } from "@account-kit/react";
+ *
  * const { sendPreparedCalls, sendPreparedCallsAsync, isSendingPreparedCalls, error } = useSendPreparedCalls();
  *
  * // Send prepared calls
  * await sendPreparedCallsAsync({
- *   preparedCalls: [/* prepared call objects *\/]
+ *   preparedCalls: [
+ *     // prepared call objects
+ *   ]
  * });
  * ```
  *

account-kit/react/src/hooks/useSolanaConnection.ts

@@ -28,9 +28,10 @@ export type SolanaConnectionHookParams = {
  * This hook is used for establishing a connection to Solana and returns the connection object and the signer object.
  *
  * @example
- * ```ts
-  const {connection} = useSolanaConnection();
- 
+ * ```ts twoslash
+ * import { useSolanaConnection } from "@account-kit/react";
+ *
+ * const { connection } = useSolanaConnection();
  * ```
  * @param {SolanaConnectionHookParams} opts Options for the hook to get setup
  * @returns {SolanaConnection} The transaction hook.

account-kit/react/src/hooks/useSolanaSignMessage.ts

@@ -47,15 +47,17 @@ export type UseSolanaSignMessageParams = {
  * connected Solana wallets, falling back to the internal signer when not connected.
  *
  * @example
- * ```ts
+ * ```ts twoslash
+ * import { useSolanaSignMessage } from "@account-kit/react";
+ *
  * const {
  *   isPending: isSigningMessage,
  *   mutate: signHello,
  *   data: signature,
  *   reset,
- * } = useSolanaSignMessage({
- * });
- * mutate({ message: "Hello" });
+ * } = useSolanaSignMessage({});
+ *
+ * signHello({ message: "Hello" });
  * ```
  * @param {UseSolanaSignMessageParams} opts - Options for the hook to get setup.
  * @returns {SolanaSignedMessage} This should be hook mutations plus a few more. Used to get the end result of the signing and the callbacks.

account-kit/react/src/hooks/useSolanaTransaction.ts

@@ -103,17 +103,21 @@ export type SolanaTransactionHookParams = {
  * Supports sponsorship for both external wallets and internal signers.
  *
  * @example
- * ```ts
-  const {mutate} = useSolanaTransaction({
-    policyId: "<policyId>",
-});
- 
-mutate({
-  transfer: {
-    amount: <amount:number>,
-    toAddress: "<toAddress>",
-  },
+ * ```ts twoslash
+ * import { useSolanaTransaction } from "@account-kit/react";
+ *
+ * const { mutate } = useSolanaTransaction({
+ *   policyId: "<policyId>",
+ * });
+ *
+ * mutate({
+ *   transfer: {
+ *     amount: 0,
+ *     toAddress: "<toAddress>",
+ *   },
+ * });
  * ```
+ *
  * @param {SolanaTransactionHookParams} opts Options for the hook to get setup, The transaction is required.
  * @returns {SolanaTransaction} The transaction hook.
  */

account-kit/react/src/hooks/useSolanaWallet.ts

@@ -68,7 +68,7 @@ export const EMPTY_WALLET_CONTEXT_STATE: WalletContextState = Object.freeze({
  *   frozen, safe no-op context when Solana is not configured.
  *
  * @example
- * ```ts
+ * ```ts twoslash
  * import { useSolanaWallet } from "@account-kit/react";
  *
  * const wallet = useSolanaWallet();

account-kit/react/src/hooks/useUiConfig.tsx

@@ -73,7 +73,7 @@ export function useUiConfig<T = UiConfigStore>(
  * @throws Will throw an error if the `UiConfigContext` is not present in the component tree
  *
  * @example
- * ```tsx twoslash
+ * ```ts twoslash
  * import { useUiConfig } from "@account-kit/react";
  *
  * const { illustrationStyle, auth } = useUiConfig(({ illustrationStyle, auth }) => ({ illustrationStyle, auth }));