Migrating embedded wallets from Alchemy to Privy

npm install @privy-io/react-auth
npm uninstall @account-kit/react

import {PrivyProvider, createWalletCreationOnLoginPlugin, User} from '@privy-io/react-auth';

function Providers({children}) {
  // Add custom logic to only create a new embedded wallet
  const walletCreationPluginOptions = {
    shouldCreateWallet: ({user}: {user: User}) =>
      user.customMetadata?.['alchemy_org_id'] === undefined
  };

  return (
    <PrivyProvider
      appId={process.env.NEXT_PUBLIC_PRIVY_APP_ID}
      config={{
        plugins: [createWalletCreationOnLoginPlugin(walletCreationPluginOptions)],
        embeddedWallets: {
          ethereum: {
            createOnLogin: 'users-without-wallets'
          }
        }
      }}
    >
      {children}
    </PrivyProvider>
  );
}

npm install @alchemy/wallet-apis

import {toViemAccount, useWallets} from '@privy-io/react-auth';
import {useEffect, useState} from 'react';
import type {LocalAccount} from 'viem';

const usePrivySigner = () => {
  const {
    wallets: [wallet]
  } = useWallets();
  const [signer, setSigner] = useState<LocalAccount>();

  useEffect(() => {
    if (!wallet || signer) return;
    toViemAccount({wallet}).then(setSigner);
  }, [wallet, signer]);

  return signer;
};

import {useMemo, useCallback} from 'react';
import {zeroAddress} from 'viem';
import {createSmartWalletClient, alchemyWalletTransport} from '@alchemy/wallet-apis';
import {arbitrumSepolia} from 'viem/chains';
import type {LocalAccount} from 'viem';

function SendTransaction({signer}: {signer: LocalAccount}) {
  const client = useMemo(
    () =>
      createSmartWalletClient({
        signer,
        transport: alchemyWalletTransport({
          apiKey: 'YOUR_ALCHEMY_API_KEY'
        }),
        chain: arbitrumSepolia,
        paymaster: {
          policyId: 'YOUR_GAS_MANAGER_POLICY_ID'
        }
      }),
    [signer]
  );

  const handleSend = useCallback(async () => {
    // If using 4337 accounts and not 7702, add a call to request account
    // const { address } = await client.requestAccount({ creationHint: { accountType: "sma-b" } });

    const {id} = await client.sendCalls({
      // If non 7702, you'll need to add the address to the from: field in sendCalls
      calls: [{to: zeroAddress, value: BigInt(0), data: '0x'}]
    });

    const result = await client.waitForCallsStatus({id});
    console.log(`Transaction hash: ${result.receipts?.[0]?.transactionHash}`);
  }, [client]);

  return <button onClick={handleSend}>Send transaction</button>;
}

npm install @privy-io/alchemy-migration @account-kit/react @account-kit/infra

import '@privy-io/alchemy-migration/styles.css';

import {createMigrationConfig} from '@privy-io/alchemy-migration';
import {alchemy} from '@account-kit/infra';
import {sepolia} from '@account-kit/infra';

const alchemyConfig = createMigrationConfig(
  {
    transport: alchemy({apiKey: 'YOUR_ALCHEMY_API_KEY'}),
    chain: sepolia, // Use your app's chain
    ssr: true
  },
  {
    auth: {
      sections: [
        [{type: 'email'}],
        [
          {type: 'passkey'},
          {type: 'social', authProviderId: 'google', mode: 'popup'}
          // Add all other providers your users signed up with
        ]
      ]
    }
  }
);

import {PrivyProvider} from '@privy-io/react-auth';
import {MigrationProvider} from '@privy-io/alchemy-migration';

function App({children}) {
  return (
    <PrivyProvider appId="YOUR_PRIVY_APP_ID">
      <MigrationProvider
        alchemyConfig={alchemyConfig}
        privyAppId="YOUR_PRIVY_APP_ID"
        privyClientId="YOUR_PRIVY_APP_CLIENT_ID"
      >
        {children}
      </MigrationProvider>
    </PrivyProvider>
  );
}