Обработка отклонённой транзакции пользователем

// @tonconnect/ui-react ^3.0.0
import { useState } from "react";
import {
  useTonConnectUI,
  useTonWallet,
  UserRejectsError,
} from "@tonconnect/ui-react";

type PayStatus = "idle" | "pending" | "sent" | "rejected" | "failed";

function isUserReject(e: unknown): boolean {
  return (
    typeof e === "object" &&
    e !== null &&
    "code" in e &&
    (e as { code: number }).code === 300
  );
}

export function PayWithRejectHandling() {
  const [tonConnectUI] = useTonConnectUI();
  const wallet = useTonWallet();
  const [status, setStatus] = useState<PayStatus>("idle");

  async function pay() {
    if (!wallet) {
      await tonConnectUI.openModal();
      return;
    }

    setStatus("pending");
    try {
      const result = await tonConnectUI.sendTransaction({
        validUntil: Math.floor(Date.now() / 1000) + 300,
        network: "-239",
        messages: [
          {
            address:
              "EQCD39VS5jcptHL8vMjEXrzGaRcCVYto7HUn4bpAOg8xqB2N",
            amount: "10000000", // 0.01 Gram
          },
        ],
      });
      setStatus("sent");
      console.log(result.boc);
    } catch (e) {
      if (e instanceof UserRejectsError || isUserReject(e)) {
        setStatus("rejected");
        return;
      }
      setStatus("failed");
      console.error(e);
    }
  }

  return (
    <div>
      <button type="button" onClick={pay} disabled={status === "pending"}>
        Оплатить
      </button>
      {status === "rejected" && <p>Ты отменил транзакцию в кошельке</p>}
      {status === "failed" && <p>Не удалось отправить. Попробуй ещё раз</p>}
      {status === "sent" && <p>Отправлено — проверь эксплорер</p>}
    </div>
  );
}