diff --git a/appkit/migration/from-connectkit-next.mdx b/appkit/migration/from-connectkit-next.mdx index 16de51238..5f8e53753 100644 --- a/appkit/migration/from-connectkit-next.mdx +++ b/appkit/migration/from-connectkit-next.mdx @@ -50,8 +50,9 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; // Include networks from AppKit + import { mainnet, arbitrum } from '@reown/appkit/networks' ++ import type { AppKitNetwork } from '@reown/appkit/networks' + import { createAppKit } from '@reown/appkit'; -+ export const networks = [mainnet, arbitrum] ++ export const networks = [mainnet, arbitrum] as [AppKitNetwork, ...AppKitNetwork[]] - const config = createConfig( - getDefaultConfig({ diff --git a/appkit/migration/from-rainbowkit-next.mdx b/appkit/migration/from-rainbowkit-next.mdx index 0104bf941..719596532 100644 --- a/appkit/migration/from-rainbowkit-next.mdx +++ b/appkit/migration/from-rainbowkit-next.mdx @@ -77,9 +77,10 @@ AppKit's web components are global HTML elements that don't require importing. ```tsx {1-15} import { WagmiAdapter } from '@reown/appkit-adapter-wagmi' import { arbitrum, mainnet } from '@reown/appkit/networks' +import { createAppKit } from '@reown/appkit'; export const projectId = 'YOUR_PROJECT_ID' -export const networks = [mainnet, arbitrum] +export const networks = [mainnet, arbitrum] as [AppKitNetwork, ...AppKitNetwork[]] //Set up the Wagmi Adapter (Config) export const wagmiAdapter = new WagmiAdapter({ diff --git a/appkit/next/core/custom-connectors.mdx b/appkit/next/core/custom-connectors.mdx index 692584f06..bd2fd3830 100644 --- a/appkit/next/core/custom-connectors.mdx +++ b/appkit/next/core/custom-connectors.mdx @@ -21,6 +21,7 @@ import { http, WagmiProvider, CreateConnectorFn } from 'wagmi' import { sepolia } from '@reown/appkit/networks' import { walletConnect, coinbaseWallet, injected } from 'wagmi/connectors' import { QueryClient, QueryClientProvider } from '@tanstack/react-query' +import type { AppKitNetwork } from '@reown/appkit/networks' const queryClient = new QueryClient() @@ -41,7 +42,7 @@ connectors.push( }) ) -export const networks = [sepolia] +export const networks = [sepolia] as [AppKitNetwork, ...AppKitNetwork[]] export const wagmiAdapter = new WagmiAdapter({ storage: diff --git a/appkit/react/core/custom-connectors.mdx b/appkit/react/core/custom-connectors.mdx index 3ef1a579f..449529e42 100644 --- a/appkit/react/core/custom-connectors.mdx +++ b/appkit/react/core/custom-connectors.mdx @@ -21,6 +21,7 @@ import { WagmiAdapter } from '@reown/appkit-adapter-wagmi' import { http, WagmiProvider, CreateConnectorFn } from 'wagmi' import { sepolia } from '@reown/appkit/networks' import { walletConnect, coinbaseWallet, injected } from 'wagmi/connectors' +import type { AppKitNetwork } from '@reown/appkit/networks' import { QueryClient, QueryClientProvider } from '@tanstack/react-query' @@ -43,7 +44,7 @@ connectors.push( }) ) -export const networks = [sepolia] +export const networks = [sepolia] as [AppKitNetwork, ...AppKitNetwork[]] export const wagmiAdapter = new WagmiAdapter({ storage: diff --git a/appkit/recipes/tenderly-virtual-testnets.mdx b/appkit/recipes/tenderly-virtual-testnets.mdx index b657f11d6..a70fe4562 100644 --- a/appkit/recipes/tenderly-virtual-testnets.mdx +++ b/appkit/recipes/tenderly-virtual-testnets.mdx @@ -155,6 +155,7 @@ import { cookieStorage, createStorage, http } from "@wagmi/core"; import { WagmiAdapter } from "@reown/appkit-adapter-wagmi"; import { mainnet, arbitrum } from "@reown/appkit/networks"; import { vTestnet } from "@/app/tenderly.config"; +import type { AppKitNetwork } from '@reown/appkit/networks'; // Get projectId from https://cloud.reown.com export const projectId = process.env.NEXT_PUBLIC_PROJECT_ID; @@ -163,7 +164,7 @@ if (!projectId) { throw new Error("Project ID is not defined"); } -export const networks = [mainnet, arbitrum, vTestnet]; +export const networks = [mainnet, arbitrum, vTestnet] as [AppKitNetwork, ...AppKitNetwork[]]; //Set up the Wagmi Adapter (Config) export const wagmiAdapter = new WagmiAdapter({ diff --git a/snippets/appkit/javascript/wagmi/about/implementation.mdx b/snippets/appkit/javascript/wagmi/about/implementation.mdx index 61196c9f8..3cfd79ef6 100644 --- a/snippets/appkit/javascript/wagmi/about/implementation.mdx +++ b/snippets/appkit/javascript/wagmi/about/implementation.mdx @@ -8,11 +8,12 @@ In your `main.js` file set up the following configuration. import { createAppKit } from '@reown/appkit' import { mainnet, arbitrum } from '@reown/appkit/networks' import { WagmiAdapter } from '@reown/appkit-adapter-wagmi' +import type { AppKitNetwork } from '@reown/appkit/networks' // 1. Get a project ID at https://cloud.reown.com const projectId = 'YOUR_PROJECT_ID' -export const networks = [mainnet, arbitrum] +export const networks = [mainnet, arbitrum] as [AppKitNetwork, ...AppKitNetwork[]] // 2. Set up Wagmi adapter const wagmiAdapter = new WagmiAdapter({ diff --git a/snippets/appkit/next/wagmi/about/implementation.mdx b/snippets/appkit/next/wagmi/about/implementation.mdx index 230067571..d3ff11186 100644 --- a/snippets/appkit/next/wagmi/about/implementation.mdx +++ b/snippets/appkit/next/wagmi/about/implementation.mdx @@ -12,6 +12,7 @@ For this example we will create a file called `config/index.tsx` outside our app import { cookieStorage, createStorage, http } from '@wagmi/core' import { WagmiAdapter } from '@reown/appkit-adapter-wagmi' import { mainnet, arbitrum } from '@reown/appkit/networks' +import type { AppKitNetwork } from '@reown/appkit/networks' // Get projectId from https://cloud.reown.com export const projectId = process.env.NEXT_PUBLIC_PROJECT_ID @@ -20,7 +21,7 @@ if (!projectId) { throw new Error('Project ID is not defined') } -export const networks = [mainnet, arbitrum] +export const networks = [mainnet, arbitrum] as [AppKitNetwork, ...AppKitNetwork[]] //Set up the Wagmi Adapter (Config) export const wagmiAdapter = new WagmiAdapter({