Skip to content

Commit b5efc99

Browse files
authored
Update SDK provider in Web3Auth setup (#2059)
* Update SDK provider in Web3Auth setup * Include MM SDK integrated within Address PR comment. * address comment
1 parent 7b0a27e commit b5efc99

File tree

1 file changed

+3
-20
lines changed

1 file changed

+3
-20
lines changed

sdk/quickstart/javascript-web3auth.md

Lines changed: 3 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@ Get started with MetaMask SDK and [Web3Auth SDK](https://web3auth.io/docs/).
1010
You can set up the SDKs in the following ways:
1111

1212
- [Quickstart template](#set-up-using-a-template) - Clone the template to set up a Next.js and Web3Auth dapp with both SDKs.
13-
- [Manual setup](#set-up-manually) - Set up both SDKs in an existing dapp.
13+
- [Manual setup](#set-up-manually) - Set up Web3Auth SDK in an existing dapp.
1414

1515
Features include:
1616

17-
- **Dual SDK integration** - Seamlessly combine MetaMask and Web3Auth SDKs.
17+
- **MetaMask SDK built into Web3Auth** - Use MetaMask SDK features directly within the Web3Auth SDK.
1818
- **Web3Auth social login** - Enable users to sign in with an email or social media account.
1919
- **Wallet connection** - Connect to MetaMask wallet with enhanced features.
2020
- **Mobile experience** - Optimized for both desktop and mobile users.
@@ -88,10 +88,9 @@ Set up your providers in `app/providers.tsx`:
8888
"use client";
8989
9090
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
91-
import { type ReactNode, useState, useEffect } from "react";
91+
import { type ReactNode, useState } from "react";
9292
import { Web3AuthProvider } from "@web3auth/modal/react";
9393
import { WagmiProvider } from "@web3auth/modal/react/wagmi";
94-
import { MetaMaskSDK } from "@metamask/sdk";
9594
9695
type Props = {
9796
children: ReactNode;
@@ -100,22 +99,6 @@ type Props = {
10099
export function Providers({ children }: Props) {
101100
const [queryClient] = useState(() => new QueryClient());
102101
103-
useEffect(() => {
104-
if (typeof window === "undefined") return;
105-
106-
const MMSDK = new MetaMaskSDK({
107-
dappMetadata: {
108-
name: "MetaMask Web3Auth Integration",
109-
url: window.location.href,
110-
},
111-
});
112-
113-
const ethereum = MMSDK.getProvider();
114-
if (ethereum) {
115-
window.ethereum = ethereum as unknown as IEthereum;
116-
}
117-
}, []);
118-
119102
return (
120103
<Web3AuthProvider
121104
config={{

0 commit comments

Comments
 (0)