Configure smart wallets in the SDK

npm install permissionless viem

import {PrivyProvider} from '@privy-io/react-auth';
import {SmartWalletsProvider} from '@privy-io/react-auth/smart-wallets';

export default function Providers({children}: {children: React.ReactNode}) {
  return (
    <PrivyProvider appId="your-privy-app-id">
      <SmartWalletsProvider>{children}</SmartWalletsProvider>
    </PrivyProvider>
  );
}

import {useSmartWallets} from '@privy-io/react-auth/smart-wallets';
import {useWallets} from '@privy-io/react-auth';

function DeploySmartWallet() {
  const {client} = useSmartWallets();
  const {wallets} = useWallets();

  const deployWallet = async () => {
    if (!client) return;

    // Send a minimal transaction to trigger deployment
    // This sends 0 ETH to the wallet's own address
    const hash = await client.sendTransaction({
      to: client.account.address,
      value: 0n,
      data: '0x'
    });

    console.log('Smart wallet deployed with transaction:', hash);
  };

  return <button onClick={deployWallet}>Deploy Smart Wallet</button>;
}

<SmartWalletsProvider
  config={{
    paymasterContext: {
      mode: 'SPONSORED',
      calculateGasLimits: true,
      expiryDuration: 300,
      sponsorshipInfo: {
        webhookData: {},
        smartAccountInfo: {
          name: 'BICONOMY',
          version: '2.0.0'
        }
      }
    }
  }}
>
  {children}
</SmartWalletsProvider>