Merge pull request #16 from dynamic-labs/chore/networks

chore: cleanup network config

packages/nextjs/components/ScaffoldEthAppWithProviders.tsx

@@ -41,34 +41,14 @@ export const queryClient = new QueryClient({
 export const ScaffoldEthAppWithProviders = ({ children }: { children: React.ReactNode }) => {
   const { resolvedTheme } = useTheme();
 
-  /**
-   * For more information on the `evmNetworks` object, see:
-   * https://docs.dynamic.xyz/chains/evmNetwork#custom-evm-networks-evmnetwork
-   */
-
-  const evmNetworks = [
-    ...scaffoldConfig.targetNetworks.map(chain => ({
-      blockExplorerUrls: chain.blockExplorers
-        ? Object.values(chain.blockExplorers as any).map(({ url }: any) => url)
-        : [],
-      chainId: chain.id,
-      name: chain.name,
-      rpcUrls: Object.values(chain.rpcUrls).map(({ http }) => http[0]),
-      iconUrls: [],
-      nativeCurrency: chain.nativeCurrency,
-      networkId: chain.id,
-    })),
-    ...customEvmNetworks,
-  ];
-
   return (
     <DynamicContextProvider
       theme={resolvedTheme === "dark" ? "dark" : "light"}
       settings={{
         environmentId: scaffoldConfig.dynamicEnvId,
         walletConnectors: [EthereumWalletConnectors],
         overrides: {
-          evmNetworks: networks => mergeNetworks(evmNetworks, networks),
+          evmNetworks: networks => mergeNetworks(customEvmNetworks, networks),
         },
       }}
     >

packages/nextjs/services/web3/wagmiConfig.tsx

@@ -1,18 +1,13 @@
+import { getOrMapViemChain } from "@dynamic-labs/viem-utils";
 import { Chain, createClient, http } from "viem";
-import { hardhat, mainnet } from "viem/chains";
+import { baseSepolia, hardhat, mainnet } from "viem/chains";
 import { createConfig } from "wagmi";
+import { customEvmNetworks } from "~~/lib/networks";
 import scaffoldConfig from "~~/scaffold.config";
 import { getAlchemyHttpUrl } from "~~/utils/scaffold-eth";
 
-const { targetNetworks } = scaffoldConfig;
-
-// We always want to have mainnet enabled (ENS resolution, ETH price, etc). But only once.
-export const enabledChains = targetNetworks.find((network: Chain) => network.id === 1)
-  ? targetNetworks
-  : ([...targetNetworks, mainnet] as const);
-
 export const wagmiConfig = createConfig({
-  chains: enabledChains,
+  chains: [baseSepolia, mainnet, ...customEvmNetworks.map(getOrMapViemChain)],
   ssr: true,
   client({ chain }) {
     return createClient({