function App() {
    const address = useAddress();
    const { contract } = useContract("0x1849f01CfB941314A317daa0c88b84713A75D329");
    const { mutateAsync: claimToken, isLoading, error } = useClaimToken(contract);
  
    return (
      <Web3Button
        contractAddress="0x1849f01CfB941314A317daa0c88b84713A75D329"
        action={() =>
          claimToken({
            to: address, // Use useAddress hook to get current wallet address
            amount: 100, // Amount of token to claim
          })
        }
        onSuccess={(result) => alert("100 Tokens claim! 🥳")}
        onError={(error) => alert("Something went wrong!")}
        onSubmit={() => console.log("Transaction submitted")}
      >
        Claim Token
      </Web3Button>
    );
  }

function App() {
    const address = useAddress(); 
    const { contract } = useContract("0x593649F70f836565e33f0BCe9af9503c243359B3");
    const { data, isLoading } = useContractRead(contract, "balanceOf", [address]);
  
    if (isLoading) {
      return <div>Loading...</div>;
    }
  
    return <div>Address balance: {data}</div>;
  }