Migration from RainbowKit

1

Update imports

// Old
import '@rainbow-me/rainbowkit/styles.css';
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

import { metaMaskWallet, walletConnectWallet, coinbaseWallet } from '@rainbow-me/rainbowkit/wallets';


// New
import '@tomo-inc/tomo-evm-kit/styles.css';
import { TomoEVMKitProvider } from '@tomo-inc/tomo-evm-kit';

import { metaMaskWallet, walletConnectWallet, coinbaseWallet } from '@tomo-inc/tomo-evm-kit/wallets';

2

Add clientId to config

const config = getDefaultConfig({
  appName: 'My TomoEVMKit App',
  …
  // New
  clientId: 'XXXXXXXXXXXXXXXXXXXXXXX', // Replace with your clientId
});

3

Replace RainbowKitProvider with TomoEVMKitProvider

// Old
<RainbowKitProvider>
  {/* Your App */}
</RainbowKitProvider>

// New
<TomoEVMKitProvider>
  {/* Your App */}
</TomoEVMKitProvider>