Signless Sponsored Transactions

With in-app wallets, users don't need to confirm every transaction.
Combine it with smart account flag to cover gas costs for the best UX.

Add instantly Documentation

Code

import { inAppWallet } from "thirdweb/wallets";
import { claimTo } from "thirdweb/extensions/erc1155";
import { ConnectButton, TransactionButton } from "thirdweb/react";

const wallets = [
  inAppWallet(
    // turn on gas sponsorship for in-app wallets
    { smartAccount: { chain, sponsorGas: true } },
  ),
];

function App() {
  return (
    <>
      <ConnectButton client={client} wallets={wallets} />

      {/* signless, sponsored transactions */}
      <TransactionButton
        transaction={() =>
          claimTo({
            contract,
            to: "0x123...",
            tokenId: 0n,
            quantity: 1n,
          })
        }
      >
        Mint
      </TransactionButton>
    </>
  );
}

Preview