useVault

import { useVault } from "@0xmonaco/react";

const { 
  approve,
  deposit,
  withdraw,
  getAllowance,
  needsApproval
} = useVault();

import { useVault } from "@0xmonaco/react";

function DepositButton({ assetId, amount }: { assetId: string; amount: bigint }) {
  const { deposit } = useVault();

  const handleDeposit = async () => {
    try {
      // Validation happens automatically
      const result = await deposit(assetId, amount);
      console.log('Deposit successful:', result.transactionHash);
    } catch (error) {
      // Handle validation errors
      if (error.message.includes('Asset ID is required')) {
        alert('Please select an asset');
      } else if (error.message.includes('Amount must be greater')) {
        alert('Please enter a valid amount');
      } else if (error.message.includes('SDK not available')) {
        alert('SDK is still loading, please wait');
      } else {
        console.error('Deposit failed:', error);
      }
    }
  };

  return <button onClick={handleDeposit}>Deposit</button>;
}