wagmi 0.2.24 → 0.3.0-next.10

package/README.md

@@ -1,81 +1,100 @@
-# wagmi [![Version](https://img.shields.io/npm/v/wagmi)](https://www.npmjs.com/package/wagmi) [![Downloads](https://img.shields.io/npm/dm/wagmi)](https://www.npmjs.com/package/wagmi) [![Sponsors](https://img.shields.io/github/sponsors/tmm)](https://github.com/sponsors/tmm)
+# wagmi
 
-React Hooks library for Ethereum, built on [ethers.js](https://github.com/ethers-io/ethers.js).
+React Hooks for Ethereum
+
+[![Version](https://img.shields.io/npm/v/wagmi?label=&colorB=3fba11)](https://www.npmjs.com/package/wagmi) [![License](https://img.shields.io/npm/l/wagmi?label=&colorB=3fba11)](/LICENSE) [![Downloads](https://img.shields.io/npm/dm/wagmi?colorA=161b22&colorB=3fba11&label=Downloads)](https://www.npmjs.com/package/wagmi) [![Sponsors](https://img.shields.io/github/sponsors/tmm?colorA=161b22&colorB=3fba11&label=Sponsors)](https://github.com/sponsors/tmm)
 
 ## Features
 
 - 🚀 20+ hooks for working with wallets, ENS, contracts, transactions, signing, etc.
 - 💼 Built-in wallet connectors for MetaMask, WalletConnect, and Coinbase Wallet
-- 🌀 Auto-refresh data on wallet and network changes
+- 👟 Caching, request deduplication, and persistence
+- 🌀 Auto-refresh data on wallet, block, and network changes
 - 🦄 TypeScript ready
-- 💨 Zero-dependencies (besides ethers.js peer dependency)
-- 🌳 Test suite and documentation
-- 📖 MIT License
+- 🌳 Test suite running against forked Ethereum network
+
+...and a lot more.
 
 ## Documentation
 
-Visit https://wagmi.sh to view the full documentation.
+For full documentation and examples, visit [wagmi.sh](https://wagmi.sh).
 
-## Usage
+## Installation
 
-1. Install the dependencies.
+Install wagmi and its ethers peer dependency.
 
 ```bash
-npm add wagmi ethers
+npm install wagmi ethers
 ```
 
-2. Wrap your app with the `Provider` component.
+## Quick Start
+
+Connect a wallet in under 60 seconds. LFG.
 
 ```tsx
-import { Provider } from 'wagmi'
+import { Provider, createClient } from 'wagmi'
 
-const App = () => (
-  <Provider>
-    <YourRoutes />
-  </Provider>
-)
-```
+const client = createClient()
 
-3. Use hooks.
+function App() {
+  return (
+    <Provider client={client}>
+      <Profile />
+    </Provider>
+  )
+}
 
-```tsx
-import { useAccount } from 'wagmi'
+import { useAccount, useConnect, useDisconnect } from 'wagmi'
+import { InjectedConnector } from 'wagmi/connectors/injected'
 
-const Page = () => {
-  const [{ data, error, loading }, disconnect] = useAccount({
-    fetchEns: true,
+function Profile() {
+  const { data } = useAccount()
+  const { connectors, connect } = useConnect({
+    connector: new InjectedConnector(),
   })
-
-  return ...
+  const { disconnect } = useDisconnect()
+
+  if (data?.address)
+    return (
+      <div>
+        Connected to {data.address}
+        <button onClick={disconnect}>Disconnect</button>
+      </div>
+    )
+  return <button onClick={connect}>Connect Wallet</button>
 }
 ```
 
-Every component inside the `Provider` is set up with the default `InjectedConnector` for connecting wallets and ethers.js [Default Provider](https://docs.ethers.io/v5/api/providers/#providers-getDefaultProvider) for fetching data.
+In this example, we create a wagmi `Client` (using the default configuration) and pass it to the React Context `Provider`. Next, we use the `useConnect` hook to connect an injected wallet (i.e. MetaMask) to the app. Finally, we show the connected account's address with `useAccount` and allow them to disconnect with `useDisconnect`.
 
-Want to learn more? Check out the [guides](https://wagmi-xyz.vercel.app/guides/connect-wallet) or browse the [API docs](https://wagmi-xyz.vercel.app/docs/provider).
+We've only scratched the surface for what you can do with wagmi!
 
 ## Community
 
+Check out the following places for more wagmi-related content:
+
 - Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)
 - Follow [@awkweb](https://twitter.com/awkweb) on Twitter for project updates
 - Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)
-- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) that uses wagmi
+- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi
 
 ## Support
 
-- awkweb.eth
+Help support future development and make wagmi a sustainable open-source project:
+
+- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)
 - [GitHub Sponsors](https://github.com/sponsors/tmm)
 - [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)
 
-## Thanks
+## Contributing
 
-- [ricmoo.eth](https://twitter.com/ricmoo) for creating and continued work on [ethers.js](https://github.com/ethers-io/ethers.js)
-- [Mirror](https://mirror.xyz) for creating space to do good work
+If you're interested in contributing to wagmi, please read the [contributing docs](/.github/CONTRIBUTING.md) **before submitting a pull request**.
 
 ## License
 
-MIT.
+The MIT License.
 
+<br />
 <br />
 
-wagmi
+wagmi frens

package/connectors/coinbaseWallet/dist/wagmi-connectors-coinbaseWallet.cjs.d.ts

@@ -0,0 +1 @@
+export * from "../../../dist/declarations/src/connectors/coinbaseWallet";

package/connectors/coinbaseWallet/dist/wagmi-connectors-coinbaseWallet.cjs.dev.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coinbaseWallet = require('@wagmi/core/connectors/coinbaseWallet');
+
+
+
+Object.defineProperty(exports, 'CoinbaseWalletConnector', {
+	enumerable: true,
+	get: function () { return coinbaseWallet.CoinbaseWalletConnector; }
+});

package/connectors/coinbaseWallet/dist/wagmi-connectors-coinbaseWallet.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./wagmi-connectors-coinbaseWallet.cjs.prod.js");
+} else {
+  module.exports = require("./wagmi-connectors-coinbaseWallet.cjs.dev.js");
+}

package/connectors/coinbaseWallet/dist/wagmi-connectors-coinbaseWallet.cjs.prod.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coinbaseWallet = require('@wagmi/core/connectors/coinbaseWallet');
+
+
+
+Object.defineProperty(exports, 'CoinbaseWalletConnector', {
+	enumerable: true,
+	get: function () { return coinbaseWallet.CoinbaseWalletConnector; }
+});

package/connectors/coinbaseWallet/dist/wagmi-connectors-coinbaseWallet.esm.js

@@ -0,0 +1 @@
+export { CoinbaseWalletConnector } from '@wagmi/core/connectors/coinbaseWallet';

package/connectors/coinbaseWallet/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/wagmi-connectors-coinbaseWallet.cjs.js",
+  "module": "dist/wagmi-connectors-coinbaseWallet.esm.js"
+}

package/connectors/injected/dist/wagmi-connectors-injected.cjs.dev.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var wagmiCore = require('wagmi-core');
+var core = require('@wagmi/core');
 
 
 
 Object.defineProperty(exports, 'InjectedConnector', {
 	enumerable: true,
-	get: function () { return wagmiCore.InjectedConnector; }
+	get: function () { return core.InjectedConnector; }
 });

package/connectors/injected/dist/wagmi-connectors-injected.cjs.prod.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var wagmiCore = require('wagmi-core');
+var core = require('@wagmi/core');
 
 
 
 Object.defineProperty(exports, 'InjectedConnector', {
 	enumerable: true,
-	get: function () { return wagmiCore.InjectedConnector; }
+	get: function () { return core.InjectedConnector; }
 });

package/connectors/injected/dist/wagmi-connectors-injected.esm.js

@@ -1 +1 @@
-export { InjectedConnector } from 'wagmi-core';
+export { InjectedConnector } from '@wagmi/core';

package/connectors/walletConnect/dist/wagmi-connectors-walletConnect.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var walletConnect = require('wagmi-core/connectors/walletConnect');
+var walletConnect = require('@wagmi/core/connectors/walletConnect');
 
 
 

package/connectors/walletConnect/dist/wagmi-connectors-walletConnect.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var walletConnect = require('wagmi-core/connectors/walletConnect');
+var walletConnect = require('@wagmi/core/connectors/walletConnect');
 
 
 

package/connectors/walletConnect/dist/wagmi-connectors-walletConnect.esm.js

@@ -1 +1 @@
-export { WalletConnectConnector } from 'wagmi-core/connectors/walletConnect';
+export { WalletConnectConnector } from '@wagmi/core/connectors/walletConnect';

package/dist/declarations/src/connectors/coinbaseWallet.d.ts

@@ -0,0 +1 @@
+export { CoinbaseWalletConnector } from '@wagmi/core/connectors/coinbaseWallet';

package/dist/declarations/src/connectors/injected.d.ts

@@ -1 +1 @@
-export { InjectedConnector } from 'wagmi-core';
+export { InjectedConnector } from '@wagmi/core';

package/dist/declarations/src/connectors/walletConnect.d.ts

@@ -1 +1 @@
-export { WalletConnectConnector } from 'wagmi-core/connectors/walletConnect';
+export { WalletConnectConnector } from '@wagmi/core/connectors/walletConnect';

package/dist/declarations/src/context.d.ts

@@ -1,63 +1,16 @@
 import * as React from 'react';
-import { BaseProvider, Web3Provider, WebSocketProvider } from '@ethersproject/providers';
-import { Connector, ConnectorData } from 'wagmi-core';
-declare type State = {
-    cacheBuster: number;
-    connecting?: boolean;
-    connector?: Connector;
-    data?: ConnectorData<Web3Provider>;
-    error?: Error;
+import { WagmiClient, ClientConfig as WagmiClientConfig } from '@wagmi/core';
+import { QueryClient } from 'react-query';
+export declare const Context: React.Context<WagmiClient | undefined>;
+export declare type ClientConfig = WagmiClientConfig & {
+    queryClient?: QueryClient;
 };
-declare type ContextValue = {
-    state: {
-        /** Flag for triggering refetch */
-        cacheBuster: State['cacheBuster'];
-        /** Flag for when connection is in progress */
-        connecting?: State['connecting'];
-        /** Active connector */
-        connector?: State['connector'];
-        /** Connectors used for linking accounts */
-        connectors: Connector[];
-        /** Active data */
-        data?: State['data'];
-        /** Interface for connecting to network */
-        provider: BaseProvider;
-        /** Interface for connecting to network */
-        webSocketProvider?: WebSocketProvider;
-    };
-    setState: React.Dispatch<React.SetStateAction<State>>;
-    setLastUsedConnector: (newValue: string | null) => void;
+export declare function createClient({ queryClient, ...config }?: ClientConfig): WagmiClient & {
+    queryClient: QueryClient;
 };
-export declare const Context: React.Context<ContextValue | null>;
-export declare type Props = {
-    /** Enables reconnecting to last used connector on mount */
-    autoConnect?: boolean;
-    /**
-     * Key for saving connector preference to browser
-     * @default 'wagmi.wallet'
-     */
-    connectorStorageKey?: string;
-    /**
-     * Connectors used for linking accounts
-     * @default [new InjectedConnector()]
-     */
-    connectors?: Connector[] | ((config: {
-        chainId?: number;
-    }) => Connector[]);
-    /**
-     * Interface for connecting to network
-     * @default getDefaultProvider()
-     */
-    provider?: BaseProvider | ((config: {
-        chainId?: number;
-        connector?: Connector;
-    }) => BaseProvider);
-    /** WebSocket interface for connecting to network */
-    webSocketProvider?: WebSocketProvider | ((config: {
-        chainId?: number;
-        connector?: Connector;
-    }) => WebSocketProvider | undefined);
+export declare type ProviderProps = {
+    /** React-decorated WagmiClient instance */
+    client?: ReturnType<typeof createClient>;
 };
-export declare const Provider: ({ autoConnect, children, connectors: connectors_, connectorStorageKey, provider: provider_, webSocketProvider: webSocketProvider_, }: React.PropsWithChildren<Props>) => React.FunctionComponentElement<React.ProviderProps<ContextValue | null>>;
-export declare const useContext: () => ContextValue;
-export {};
+export declare function Provider({ children, client, }: React.PropsWithChildren<ProviderProps>): JSX.Element;
+export declare function useClient(): WagmiClient;

package/dist/declarations/src/hooks/accounts/index.d.ts

@@ -1,6 +1,7 @@
 export { useAccount } from './useAccount';
 export { useBalance } from './useBalance';
 export { useConnect } from './useConnect';
+export { useDisconnect } from './useDisconnect';
 export { useNetwork } from './useNetwork';
 export { useSigner } from './useSigner';
 export { useSignMessage } from './useSignMessage';

package/dist/declarations/src/hooks/accounts/useAccount.d.ts

@@ -1,16 +1,35 @@
-export declare type Config = {
+import { GetAccountResult } from '@wagmi/core';
+import { QueryConfig } from '../../types';
+export declare type UseAccountArgs = {
     /** Fetches ENS for connected account */
-    fetchEns?: boolean;
+    ens?: boolean | {
+        avatar?: boolean;
+        name?: boolean;
+    };
 };
-export declare const useAccount: ({ fetchEns }?: Config) => readonly [{
+export declare type UseAccountConfig = Pick<QueryConfig<GetAccountResult, Error>, 'suspense' | 'onError' | 'onSettled' | 'onSuccess'>;
+export declare const queryKey: () => readonly [{
+    readonly entity: "account";
+}];
+export declare function useAccount({ ens, suspense, onError, onSettled, onSuccess, }?: UseAccountArgs & UseAccountConfig): {
     readonly data: {
-        address: string;
-        connector: import("wagmi-core").Connector<any, any> | undefined;
         ens: {
-            avatar: string | null | undefined;
-            name: string;
-        } | undefined;
+            avatar: import("@wagmi/core").FetchEnsAvatarResult | undefined;
+            name: import("@wagmi/core").FetchEnsNameResult | undefined;
+        };
+        address: string;
+        connector?: import("@wagmi/core").Connector<any, any> | undefined;
+    } | {
+        ens?: undefined;
+        address: string;
+        connector?: import("@wagmi/core").Connector<any, any> | undefined;
     } | undefined;
-    readonly error: Error | undefined;
-    readonly loading: boolean;
-}, () => void];
+    readonly error: Error | null;
+    readonly isError: boolean;
+    readonly isFetching: boolean;
+    readonly isFetched: boolean;
+    readonly isIdle: boolean;
+    readonly isLoading: boolean;
+    readonly isSuccess: boolean;
+    readonly status: "error" | "idle" | "loading" | "success";
+};

package/dist/declarations/src/hooks/accounts/useBalance.d.ts

@@ -1,28 +1,17 @@
-import { BigNumber } from 'ethers';
-import { BalanceActionArgs } from 'wagmi-core';
-export declare type Config = {
-    /** Disables fetching */
-    skip?: boolean;
+import { FetchBalanceArgs, FetchBalanceResult } from '@wagmi/core';
+import { QueryConfig } from '../../types';
+export declare type UseBalanceArgs = Partial<FetchBalanceArgs> & {
     /** Subscribe to changes */
     watch?: boolean;
-} & Partial<BalanceActionArgs['config']>;
-export declare const useBalance: ({ addressOrName, formatUnits, skip, token, watch, }?: Config) => readonly [{
-    readonly data: {
-        decimals: number;
-        formatted: string;
-        symbol: string;
-        value: BigNumber;
-    } | undefined;
-    readonly error: Error | undefined;
-    readonly loading: boolean | undefined;
-}, (config?: {
-    addressOrName: string;
-    formatUnits?: Config['formatUnits'];
-    token?: Config['token'];
-} | undefined) => Promise<{
-    data: import("wagmi-core").Balance;
-    error: undefined;
-} | {
-    data: undefined;
-    error: Error;
-}>];
+};
+export declare type UseBalanceConfig = QueryConfig<FetchBalanceResult, Error>;
+export declare const queryKey: ({ addressOrName, chainId, formatUnits, token, }: Partial<FetchBalanceArgs> & {
+    chainId?: number | undefined;
+}) => readonly [{
+    readonly entity: "balance";
+    readonly addressOrName: string | undefined;
+    readonly chainId: number | undefined;
+    readonly formatUnits: number | "wei" | "kwei" | "mwei" | "gwei" | "szabo" | "finney" | "ether" | undefined;
+    readonly token: string | undefined;
+}];
+export declare function useBalance({ addressOrName, cacheTime, enabled, formatUnits, staleTime, suspense, token, watch, onError, onSettled, onSuccess, }?: UseBalanceArgs & UseBalanceConfig): import("react-query").UseQueryResult<FetchBalanceResult, Error>;

package/dist/declarations/src/hooks/accounts/useConnect.d.ts

@@ -1,13 +1,38 @@
-import { Connector, ConnectorData } from 'wagmi-core';
-export declare const useConnect: () => readonly [{
-    readonly data: {
-        readonly connected: boolean;
-        readonly connector: Connector<any, any> | undefined;
-        readonly connectors: Connector<any, any>[];
-    };
-    readonly error: Error | undefined;
-    readonly loading: boolean | undefined;
-}, (connector: Connector) => Promise<{
-    data?: ConnectorData;
-    error?: Error;
-}>];
+import { ConnectArgs, ConnectResult } from '@wagmi/core';
+import { UseMutationOptions } from 'react-query';
+export declare type UseConnectArgs = Partial<ConnectArgs>;
+declare type MutationOptions = UseMutationOptions<ConnectResult, Error, ConnectArgs>;
+export declare type UseConnectConfig = {
+    /**
+     * Function to invoke before connect and is passed same variables connect function would receive.
+     * Value returned from this function will be passed to both onError and onSettled functions in event of a mutation failure.
+     */
+    onBeforeConnect?: MutationOptions['onMutate'];
+    /** Function to invoke when connect is successful. */
+    onConnect?: MutationOptions['onSuccess'];
+    /** Function to invoke when an error is thrown while connecting. */
+    onError?: MutationOptions['onError'];
+    /** Function to invoke when connect is settled (either successfully connected, or an error has thrown). */
+    onSettled?: MutationOptions['onSettled'];
+};
+export declare const mutationKey: (args: UseConnectArgs) => {
+    connector?: import("@wagmi/core").Connector<any, any> | undefined;
+    entity: string;
+}[];
+export declare function useConnect({ connector, onBeforeConnect, onConnect, onError, onSettled, }?: UseConnectArgs & UseConnectConfig): {
+    readonly activeConnector: import("@wagmi/core").Connector<any, any> | undefined;
+    readonly connect: (connector_?: import("@wagmi/core").Connector<any, any> | undefined) => void;
+    readonly connectAsync: (connector_?: import("@wagmi/core").Connector<any, any> | undefined) => Promise<ConnectResult>;
+    readonly connectors: import("@wagmi/core").Connector<any, any>[];
+    readonly data: ConnectResult | undefined;
+    readonly error: Error | null;
+    readonly isConnected: boolean;
+    readonly isConnecting: boolean;
+    readonly isDisconnected: boolean;
+    readonly isError: boolean;
+    readonly isIdle: boolean;
+    readonly isReconnecting: boolean;
+    readonly pendingConnector: import("@wagmi/core").Connector<any, any> | undefined;
+    readonly status: "error" | "connecting" | "connected" | "reconnecting" | "disconnected" | "idle";
+};
+export {};

package/dist/declarations/src/hooks/accounts/useDisconnect.d.ts

@@ -0,0 +1,26 @@
+export declare type UseDisconnectConfig = {
+    /** Function to invoke when an error is thrown while connecting. */
+    onError?: (error: Error, context: unknown) => void | Promise<unknown>;
+    /**
+     * Function fires before mutation function and is passed same variables mutation function would receive.
+     * Value returned from this function will be passed to both onError and onSettled functions in event of a mutation failure.
+     */
+    onMutate?: () => unknown;
+    /** Function to invoke when connect is settled (either successfully connected, or an error has thrown). */
+    onSettled?: (error: Error | null, context: unknown) => void | Promise<unknown>;
+    /** Function fires when mutation is successful and will be passed the mutation's result */
+    onSuccess?: (context: unknown) => void | Promise<unknown>;
+};
+export declare const mutationKey: {
+    entity: string;
+}[];
+export declare function useDisconnect({ onError, onMutate, onSettled, onSuccess, }?: UseDisconnectConfig): {
+    readonly disconnect: import("react-query").UseMutateFunction<void, Error, void, unknown>;
+    readonly disconnectAsync: import("react-query").UseMutateAsyncFunction<void, Error, void, unknown>;
+    readonly error: Error | null;
+    readonly isError: boolean;
+    readonly isIdle: boolean;
+    readonly isLoading: boolean;
+    readonly isSuccess: boolean;
+    readonly status: "error" | "idle" | "loading" | "success";
+};

package/dist/declarations/src/hooks/accounts/useNetwork.d.ts

@@ -1,30 +1,92 @@
-import { Chain, SwitchChainError } from 'wagmi-core';
-export declare const useNetwork: () => readonly [{
-    readonly data: {
-        readonly chain: {
-            id: number;
-            unsupported: boolean | undefined;
-            name?: string | undefined;
-            nativeCurrency?: {
-                name: string;
-                symbol: string;
-                decimals: 18;
-            } | undefined;
-            rpcUrls?: string[] | undefined;
-            blockExplorers?: {
-                name: string;
-                url: string;
-            }[] | undefined;
-            testnet?: boolean | undefined;
-        } | undefined;
-        readonly chains: Chain[];
-    };
-    readonly error: Error | undefined;
-    readonly loading: boolean | undefined;
-}, ((chainId: number) => Promise<{
-    data: undefined;
-    error: SwitchChainError;
+import { SwitchNetworkArgs, SwitchNetworkResult } from '@wagmi/core';
+import { MutationConfig } from '../../types';
+export declare type UseNetworkArgs = Partial<SwitchNetworkArgs>;
+export declare type UseNetworkConfig = MutationConfig<SwitchNetworkResult, Error, SwitchNetworkArgs>;
+export declare const mutationKey: (args: UseNetworkArgs) => {
+    chainId?: number | undefined;
+    entity: string;
+}[];
+export declare const queryKey: () => readonly [{
+    readonly entity: "chain";
+}];
+export declare function useNetwork({ chainId, onError, onMutate, onSettled, onSuccess, }?: UseNetworkArgs & UseNetworkConfig): {
+    readonly activeChain: (import("@wagmi/core").Chain & {
+        id: number;
+        unsupported?: boolean | undefined;
+    }) | undefined;
+    readonly chains: import("@wagmi/core").Chain[];
+    readonly pendingChainId: number | undefined;
+    readonly switchNetwork: ((chainId_?: number | undefined) => void) | undefined;
+    readonly switchNetworkAsync: ((chainId_?: number | undefined) => Promise<import("@wagmi/core").Chain>) | undefined;
+    readonly data: undefined;
+    readonly error: null;
+    readonly isError: false;
+    readonly isIdle: true;
+    readonly isLoading: false;
+    readonly isSuccess: false;
+    readonly status: "idle";
+    readonly reset: () => void;
+    readonly context: unknown;
+    readonly failureCount: number;
+    readonly isPaused: boolean;
 } | {
-    data: Chain | undefined;
-    error: undefined;
-}>) | undefined];
+    readonly activeChain: (import("@wagmi/core").Chain & {
+        id: number;
+        unsupported?: boolean | undefined;
+    }) | undefined;
+    readonly chains: import("@wagmi/core").Chain[];
+    readonly pendingChainId: number | undefined;
+    readonly switchNetwork: ((chainId_?: number | undefined) => void) | undefined;
+    readonly switchNetworkAsync: ((chainId_?: number | undefined) => Promise<import("@wagmi/core").Chain>) | undefined;
+    readonly data: undefined;
+    readonly error: null;
+    readonly isError: false;
+    readonly isIdle: false;
+    readonly isLoading: true;
+    readonly isSuccess: false;
+    readonly status: "loading";
+    readonly reset: () => void;
+    readonly context: unknown;
+    readonly failureCount: number;
+    readonly isPaused: boolean;
+} | {
+    readonly activeChain: (import("@wagmi/core").Chain & {
+        id: number;
+        unsupported?: boolean | undefined;
+    }) | undefined;
+    readonly chains: import("@wagmi/core").Chain[];
+    readonly pendingChainId: number | undefined;
+    readonly switchNetwork: ((chainId_?: number | undefined) => void) | undefined;
+    readonly switchNetworkAsync: ((chainId_?: number | undefined) => Promise<import("@wagmi/core").Chain>) | undefined;
+    readonly data: undefined;
+    readonly error: Error;
+    readonly isError: true;
+    readonly isIdle: false;
+    readonly isLoading: false;
+    readonly isSuccess: false;
+    readonly status: "error";
+    readonly reset: () => void;
+    readonly context: unknown;
+    readonly failureCount: number;
+    readonly isPaused: boolean;
+} | {
+    readonly activeChain: (import("@wagmi/core").Chain & {
+        id: number;
+        unsupported?: boolean | undefined;
+    }) | undefined;
+    readonly chains: import("@wagmi/core").Chain[];
+    readonly pendingChainId: number | undefined;
+    readonly switchNetwork: ((chainId_?: number | undefined) => void) | undefined;
+    readonly switchNetworkAsync: ((chainId_?: number | undefined) => Promise<import("@wagmi/core").Chain>) | undefined;
+    readonly data: import("@wagmi/core").Chain;
+    readonly error: null;
+    readonly isError: false;
+    readonly isIdle: false;
+    readonly isLoading: false;
+    readonly isSuccess: true;
+    readonly status: "success";
+    readonly reset: () => void;
+    readonly context: unknown;
+    readonly failureCount: number;
+    readonly isPaused: boolean;
+};