function RevokeSpendPermission({ permissionHash }) {
const { revokeSpendPermission, data, error, status } = useRevokeSpendPermission();
const handleRevokeSpendPermission = async () => {
try {
const result = await revokeSpendPermission({
network: "base-sepolia",
permissionHash: permissionHash,
useCdpPaymaster: true
});
console.log("User Operation Hash:", result.userOperationHash);
} catch (error) {
console.error("Failed to revoke spend permission:", error);
}
};
return (
<div>
{status === "pending" && <p>Revoking permission...</p>}
{status === "success" && data && (
<div>
<p>Permission revoked successfully!</p>
<p>Transaction Hash: {data.transactionHash}</p>
</div>
)}
{status === "error" && <p>Error: {error?.message}</p>}
<button onClick={handleRevokeSpendPermission}>
Revoke Permission
</button>
</div>
);
}
Hook that provides a wrapped function to revoke spend permissions for EVM Smart Accounts with enhanced developer experience. This hook automatically handles user operation tracking and provides status updates.