# \[Archive\] Migration from RainbowKit to Web3Auth

**URL:** <https://builder.metamask.io/t/archive-migration-from-rainbowkit-to-web3auth/1973>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [May 10, 2023, 5:27pm UTC](https://builder.metamask.io/t/archive-migration-from-rainbowkit-to-web3auth/1973 "2023-05-10T17:27:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![RonanMcGovern](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/ronanmcgovern/32/336_2.png) [@RonanMcGovern](https://builder.metamask.io/u/RonanMcGovern)\
**Post date:** [May 10, 2023, 5:27pm UTC](https://builder.metamask.io/t/archive-migration-from-rainbowkit-to-web3auth/1973/1 "2023-05-10T17:27:04Z")

</div>

> **🏛 Archived Content from Web3Auth Community**
> 
> This topic was originally posted by **RonanMcGovern** on 5/10/2023.  
> This content has been migrated from our previous community forum to preserve valuable discussions.

* * *

I’m considering migrating from RainbowKit to Web3Auth, using the Web - Modal SDK.

1. Currently, I use the { ConnectButton } from RainbowKit. Can I create a button with the same effects as follows?

```auto
const ConnectButton = () => {
const handleClick = async () => {
await web3auth.connect();
}

```

1. Currently, I’m wrapping the app in RainbowKitProvider. Can I just drop that?

```auto
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <BrowserRouter>
      <Provider>
        <QueryClientProvider client={queryClient}>
          <ChakraProvider theme={theme}>
            <WagmiConfig client={wagmiClient}>
              <RainbowKitProvider
                chains={chains}
                theme={lightTheme({
                  accentColor: "var(--chakra-colors-brand-500)",
                  accentColorForeground: "var(--chakra-colors-brand-50)",
                  overlayBlur: "large",
                })}
              >
                <App />
              </RainbowKitProvider>
            </WagmiConfig>
          </ChakraProvider>
        </QueryClientProvider>
      </Provider>
    </BrowserRouter>
  </React.StrictMode>
);

```

1. Ethers and wagmi libraries should work as previously, correct?

Thanks, Ronan