Merge branch 'feat/add-sub-hooks' of github.com:Web3Auth/web3auth-web into feat/add-sub-hooks

Author: chaitanyapotti

demo/wagmi-react-app/src/chainconfig.ts

@@ -1,28 +1,21 @@
 import "./index.css";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { CHAIN_NAMESPACES, CustomChainConfig } from "@web3auth/modal";
 import { type Web3AuthContextConfig, Web3AuthProvider } from "@web3auth/modal/react";
 import { WagmiProvider } from "@web3auth/modal/react/wagmi";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { mainnet, sepolia } from "wagmi/chains";
 
 import App from "./App";
-import { getChainConfig } from "./chainconfig";
 
 const queryClient = new QueryClient();
 const clientId = "BKZDJP0ouZP0PtfQYssMiezINbUwnIthw6ClTtTICvh0MCRgAxi5GJbHKH9cjM6xyWxe73c6c94ASCTxbGNLUt8";
-const mainnetChainConfig = getChainConfig(CHAIN_NAMESPACES.EIP155, mainnet.id, clientId) as CustomChainConfig;
-const sepoliaChainConfig = getChainConfig(CHAIN_NAMESPACES.EIP155, sepolia.id, clientId) as CustomChainConfig;
 
 const web3authConfig: Web3AuthContextConfig = {
   web3AuthOptions: {
     enableLogging: true,
     web3AuthNetwork: "sapphire_devnet",
     clientId: clientId,
-    chains: [mainnetChainConfig, sepoliaChainConfig],
-    defaultChainId: sepoliaChainConfig.chainId,
     authBuildEnv: "testing",
   },
 };

demo/wagmi-react-app/src/index.tsx

@@ -117,7 +117,7 @@ function Web3AuthWagmiProvider({ children }: PropsWithChildren) {
 
 export function WagmiProvider({ children, ...props }: PropsWithChildren<WagmiProviderProps>) {
   const { config } = props;
-  const { web3Auth } = useWeb3Auth();
+  const { web3Auth, isInitialized } = useWeb3Auth();
 
   const finalConfig = useMemo(() => {
     const finalConfig: CreateConfigParameters = {
@@ -131,7 +131,7 @@ export function WagmiProvider({ children, ...props }: PropsWithChildren<WagmiPro
     };
 
     const wagmiChains: Chain[] = [];
-    if (web3Auth?.coreOptions?.chains) {
+    if (isInitialized && web3Auth?.coreOptions?.chains) {
       const defaultChainId = web3Auth.currentChain?.chainId;
       const chains = web3Auth.coreOptions.chains;
       chains.forEach((chain) => {
@@ -172,7 +172,7 @@ export function WagmiProvider({ children, ...props }: PropsWithChildren<WagmiPro
 
     if (!finalConfig.chains) return;
     return createWagmiConfig(finalConfig);
-  }, [config, web3Auth]);
+  }, [config, web3Auth, isInitialized]);
 
   // WagmiProviderBase requires a config to initialize
   // If no config is provided, it will throw an error.