Migration from RainbowKit to Web3Auth

Help - Plug n Play PnP Web SDKs
1

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?
const ConnectButton = () => {

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

  return (
    <button onClick={handleClick}>Connect</button>
  );
};
  1. Currently, I’m wrapping the app in RainbowKitProvider. Can I just drop that?
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