# Migration from RainbowKit

{% stepper %}
{% step %}
Update imports

{% code title="" %}

```tsx
// 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';
```

{% endcode %}
{% endstep %}

{% step %}
Add `clientId` to config

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

{% endstep %}

{% step %}
Replace **RainbowKitProvider** with **TomoEVMKitProvider**

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

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

{% endstep %}
{% endstepper %}