wagmi 0.5.6 → 0.5.7

package/dist/declarations/src/hooks/contracts/useContractInfiniteReads.d.ts

@@ -17,7 +17,7 @@ export declare const queryKey: ([{ cacheKey, overrides }]: [{
     readonly cacheKey: string;
     readonly overrides: import("ethers").CallOverrides | undefined;
 }];
-export declare function useContractInfiniteReads<TPageParam = any>({ cacheKey, cacheTime, contracts, enabled: enabled_, getNextPageParam, keepPreviousData, onError, onSettled, onSuccess, overrides, select, staleTime, suspense, }: UseContractInfiniteReadsConfig<TPageParam>): Pick<import("react-query").InfiniteQueryObserverResult<import("ethers/lib/utils").Result, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch" | "fetchNextPage" | "hasNextPage" | "isFetchingNextPage"> & {
+export declare function useContractInfiniteReads<TPageParam = any>({ cacheKey, cacheTime, contracts, enabled: enabled_, getNextPageParam, isDataEqual, keepPreviousData, onError, onSettled, onSuccess, overrides, select, staleTime, suspense, }: UseContractInfiniteReadsConfig<TPageParam>): Pick<import("react-query").InfiniteQueryObserverResult<import("ethers/lib/utils").Result, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch" | "fetchNextPage" | "hasNextPage" | "isFetchingNextPage"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
     internal: Pick<import("react-query").InfiniteQueryObserverResult<unknown, unknown>, "dataUpdatedAt" | "errorUpdatedAt" | "failureCount" | "isFetchedAfterMount" | "isLoadingError" | "isPaused" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;

package/dist/declarations/src/hooks/contracts/useContractRead.d.ts

@@ -19,7 +19,7 @@ export declare const queryKey: ([{ addressOrName, args, chainId, contractInterfa
     readonly functionName: string;
     readonly overrides: import("ethers").CallOverrides | undefined;
 }];
-export declare function useContractRead({ addressOrName, contractInterface, functionName, args, chainId: chainId_, overrides, cacheOnBlock, cacheTime, enabled: enabled_, select, staleTime, suspense, watch, onError, onSettled, onSuccess, }: UseContractReadArgs & UseContractReadConfig): Pick<import("react-query").QueryObserverResult<import("ethers/lib/utils").Result, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+export declare function useContractRead({ addressOrName, contractInterface, functionName, args, chainId: chainId_, overrides, cacheOnBlock, cacheTime, enabled: enabled_, isDataEqual, select, staleTime, suspense, watch, onError, onSettled, onSuccess, }: UseContractReadArgs & UseContractReadConfig): Pick<import("react-query").QueryObserverResult<import("ethers/lib/utils").Result, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
     internal: Pick<import("react-query").QueryObserverResult<unknown, unknown>, "dataUpdatedAt" | "errorUpdatedAt" | "failureCount" | "isFetchedAfterMount" | "isLoadingError" | "isPaused" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;

package/dist/declarations/src/hooks/contracts/useContractReads.d.ts

@@ -17,7 +17,7 @@ export declare const queryKey: ([{ allowFailure, contracts, overrides }, { block
     readonly contracts: import("@wagmi/core/src/actions/contracts/readContracts").ReadContractsContract[];
     readonly overrides: import("ethers").CallOverrides | undefined;
 }];
-export declare function useContractReads({ allowFailure, cacheOnBlock, cacheTime, contracts, overrides, enabled: enabled_, keepPreviousData, onError, onSettled, onSuccess, select, staleTime, suspense, watch, }: UseContractReadsConfig): Pick<import("react-query").QueryObserverResult<import("ethers/lib/utils").Result[], Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+export declare function useContractReads({ allowFailure, cacheOnBlock, cacheTime, contracts, overrides, enabled: enabled_, isDataEqual, keepPreviousData, onError, onSettled, onSuccess, select, staleTime, suspense, watch, }: UseContractReadsConfig): Pick<import("react-query").QueryObserverResult<import("ethers/lib/utils").Result[], Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
     internal: Pick<import("react-query").QueryObserverResult<unknown, unknown>, "dataUpdatedAt" | "errorUpdatedAt" | "failureCount" | "isFetchedAfterMount" | "isLoadingError" | "isPaused" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;

package/dist/declarations/src/hooks/network-status/useBlockNumber.d.ts

@@ -1,6 +1,8 @@
 import { FetchBlockNumberArgs, FetchBlockNumberResult } from '@wagmi/core';
 import { QueryConfig } from '../../types';
 declare type UseBlockNumberArgs = Partial<FetchBlockNumberArgs> & {
+    /** Function fires when a new block is created */
+    onBlock?: (blockNumber: number) => void;
     /** Subscribe to changes */
     watch?: boolean;
 };
@@ -11,7 +13,7 @@ export declare const queryKey: ({ chainId }: {
     readonly entity: "blockNumber";
     readonly chainId: number | undefined;
 }];
-export declare function useBlockNumber({ cacheTime, chainId: chainId_, enabled, staleTime, suspense, watch, onError, onSettled, onSuccess, }?: UseBlockNumberArgs & UseBlockNumberConfig): Pick<import("react-query").QueryObserverResult<number, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+export declare function useBlockNumber({ cacheTime, chainId: chainId_, enabled, staleTime, suspense, watch, onBlock, onError, onSettled, onSuccess, }?: UseBlockNumberArgs & UseBlockNumberConfig): Pick<import("react-query").QueryObserverResult<number, Error>, "data" | "error" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
     internal: Pick<import("react-query").QueryObserverResult<unknown, unknown>, "dataUpdatedAt" | "errorUpdatedAt" | "failureCount" | "isFetchedAfterMount" | "isLoadingError" | "isPaused" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;

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

@@ -1,5 +1,6 @@
 export { useBaseQuery, useQuery, useInfiniteQuery } from './query';
 export { useChainId } from './useChainId';
 export { useForceUpdate } from './useForceUpdate';
+export { useInvalidateOnBlock } from './useInvalidateOnBlock';
 export { useSyncExternalStore } from './useSyncExternalStore';
 export { useSyncExternalStoreWithTracked } from './useSyncExternalStoreWithTracked';

package/dist/declarations/src/hooks/utils/useInvalidateOnBlock.d.ts

@@ -0,0 +1,5 @@
+import { QueryKey } from 'react-query';
+export declare function useInvalidateOnBlock({ enabled, queryKey, }: {
+    enabled?: boolean;
+    queryKey: QueryKey;
+}): void;

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

@@ -4,5 +4,5 @@ WagmiConfig as WagmiProvider, WagmiConfig, createClient, useClient, } from './co
 export type { CreateClientConfig, WagmiConfigProps } from './context';
 export { paginatedIndexesConfig, useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractInfiniteReads, useContractRead, useContractReads, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useInfiniteQuery, useNetwork, useProvider, useQuery, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useSwitchNetwork, useToken, useWaitForTransaction, useWebSocketProvider, } from './hooks';
 export { deserialize, serialize } from './utils';
-export { AddChainError, ChainDoesNotSupportMulticallError, ChainMismatchError, ChainNotConfiguredError, Client, Connector, ConnectorAlreadyConnectedError, ConnectorNotFoundError, ContractMethodNoResultError, ProviderChainsNotFound, ProviderRpcError, ResourceUnavailableError, RpcError, SwitchChainError, SwitchChainNotSupportedError, UserRejectedRequestError, alchemyRpcUrls, allChains, chain, chainId, configureChains, createStorage, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, publicRpcUrls, readContracts, } from '@wagmi/core';
+export { AddChainError, ChainDoesNotSupportMulticallError, ChainMismatchError, ChainNotConfiguredError, Client, Connector, ConnectorAlreadyConnectedError, ConnectorNotFoundError, ContractMethodNoResultError, ProviderChainsNotFound, ProviderRpcError, ResourceUnavailableError, RpcError, SwitchChainError, SwitchChainNotSupportedError, UserRejectedRequestError, alchemyRpcUrls, allChains, chain, chainId, configureChains, createStorage, deepEqual, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, publicRpcUrls, readContracts, } from '@wagmi/core';
 export type { Chain, ChainProviderFn, ConnectorData, ConnectorEvents, Storage, Unit, } from '@wagmi/core';

package/dist/declarations/src/types/index.d.ts

@@ -1,7 +1,7 @@
 import { QueryFunctionContext, UseInfiniteQueryOptions, UseMutationOptions, UseQueryOptions } from 'react-query';
 export declare type QueryFunctionArgs<T extends (...args: any) => any> = QueryFunctionContext<ReturnType<T>>;
-export declare type QueryConfig<Data, Error> = Pick<UseQueryOptions<Data, Error>, 'cacheTime' | 'enabled' | 'keepPreviousData' | 'staleTime' | 'select' | 'suspense' | 'onError' | 'onSettled' | 'onSuccess'>;
-export declare type InfiniteQueryConfig<Data, Error> = Pick<UseInfiniteQueryOptions<Data, Error>, 'cacheTime' | 'enabled' | 'getNextPageParam' | 'keepPreviousData' | 'select' | 'staleTime' | 'suspense' | 'onError' | 'onSettled' | 'onSuccess'>;
+export declare type QueryConfig<Data, Error> = Pick<UseQueryOptions<Data, Error>, 'cacheTime' | 'enabled' | 'isDataEqual' | 'keepPreviousData' | 'staleTime' | 'select' | 'suspense' | 'onError' | 'onSettled' | 'onSuccess'>;
+export declare type InfiniteQueryConfig<Data, Error> = Pick<UseInfiniteQueryOptions<Data, Error>, 'cacheTime' | 'enabled' | 'getNextPageParam' | 'isDataEqual' | 'keepPreviousData' | 'select' | 'staleTime' | 'suspense' | 'onError' | 'onSettled' | 'onSuccess'>;
 export declare type MutationConfig<Data, Error, Variables = void> = {
     /** Function fires if mutation encounters error */
     onError?: UseMutationOptions<Data, Error, Variables>['onError'];

package/dist/declarations/src/utils/index.d.ts

@@ -1,4 +1,3 @@
-export { deepEqual } from './deepEqual';
 export { deserialize } from './deserialize';
 export { parseContractResult } from './parseContractResult';
 export { serialize } from './serialize';

package/dist/wagmi.cjs.dev.js

@@ -32,44 +32,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var pkg__namespace = /*#__PURE__*/_interopNamespace(pkg);
 
-/** Forked from https://github.com/epoberezkin/fast-deep-equal */
-function deepEqual(a, b) {
-  if (a === b) return true;
-
-  if (a && b && typeof a === 'object' && typeof b === 'object') {
-    if (a.constructor !== b.constructor) return false;
-    let length;
-    let i;
-
-    if (Array.isArray(a) && Array.isArray(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-
-      for (i = length; i-- !== 0;) if (!deepEqual(a[i], b[i])) return false;
-
-      return true;
-    }
-
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-    const keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-
-    for (i = length; i-- !== 0;) {
-      const key = keys[i];
-      if (key && !deepEqual(a[key], b[key])) return false;
-    }
-
-    return true;
-  } // true if both NaN, false otherwise
-
-
-  return a !== a && b !== b;
-}
-
 const findAndReplace = (cacheRef, _ref) => {
   let {
     find,
@@ -564,83 +526,6 @@ function useForceUpdate() {
   return forceUpdate;
 }
 
-const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
-
-function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
-  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
-  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => deepEqual(a, b);
-  const trackedKeys = React__namespace.useRef([]);
-  const result = withSelector_js.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
-    if (isPlainObject(a) && isPlainObject(b)) {
-      for (const key of trackedKeys.current) {
-        const equal = isEqual(a[key], b[key]);
-        if (!equal) return false;
-      }
-
-      return true;
-    }
-
-    return isEqual(a, b);
-  });
-
-  if (isPlainObject(result)) {
-    const trackedResult = { ...result
-    };
-    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
-      let [key, value] = _ref;
-      return { ...res,
-        [key]: {
-          configurable: false,
-          enumerable: true,
-          get: () => {
-            if (!trackedKeys.current.includes(key)) {
-              trackedKeys.current.push(key);
-            }
-
-            return value;
-          }
-        }
-      };
-    }, {}));
-    return trackedResult;
-  }
-
-  return result;
-}
-
-function useAccount() {
-  let {
-    onConnect,
-    onDisconnect
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const account = useSyncExternalStoreWithTracked(core.watchAccount, core.getAccount);
-  const {
-    subscribe
-  } = useClient();
-  React__namespace.useEffect(() => {
-    // No need to subscribe if these callbacks aren't defined
-    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
-
-    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
-      if (!!onConnect && status === 'connected') {
-        const {
-          address,
-          connector
-        } = core.getAccount();
-        onConnect({
-          address,
-          connector,
-          isReconnected: prevStatus === 'reconnecting'
-        });
-      }
-
-      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
-    });
-    return unsubscribe;
-  }, [onConnect, onDisconnect, subscribe]);
-  return account;
-}
-
 const queryKey$c = _ref => {
   let {
     chainId
@@ -670,6 +555,7 @@ function useBlockNumber() {
     staleTime,
     suspense,
     watch = false,
+    onBlock,
     onError,
     onSettled,
     onSuccess
@@ -681,14 +567,15 @@ function useBlockNumber() {
   const webSocketProvider = useWebSocketProvider();
   const queryClient = reactQuery.useQueryClient();
   React__namespace.useEffect(() => {
-    if (!watch) return;
+    if (!watch && !onBlock) return;
 
     const listener = blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
-      queryClient.setQueryData(queryKey$c({
+      if (watch) queryClient.setQueryData(queryKey$c({
         chainId
       }), blockNumber);
+      if (onBlock) onBlock(blockNumber);
     };
 
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
@@ -696,7 +583,7 @@ function useBlockNumber() {
     return () => {
       provider_.off('block', listener);
     };
-  }, [chainId, provider, queryClient, watch, webSocketProvider]);
+  }, [chainId, onBlock, provider, queryClient, watch, webSocketProvider]);
   return useQuery(queryKey$c({
     chainId
   }), queryFn$c, {
@@ -777,6 +664,94 @@ function useFeeData() {
   return feeDataQuery;
 }
 
+function useInvalidateOnBlock(_ref) {
+  let {
+    enabled,
+    queryKey
+  } = _ref;
+  const queryClient = reactQuery.useQueryClient();
+  useBlockNumber({
+    onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
+  });
+}
+
+const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
+
+function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
+  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
+  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => core.deepEqual(a, b);
+  const trackedKeys = React__namespace.useRef([]);
+  const result = withSelector_js.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
+    if (isPlainObject(a) && isPlainObject(b)) {
+      for (const key of trackedKeys.current) {
+        const equal = isEqual(a[key], b[key]);
+        if (!equal) return false;
+      }
+
+      return true;
+    }
+
+    return isEqual(a, b);
+  });
+
+  if (isPlainObject(result)) {
+    const trackedResult = { ...result
+    };
+    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
+      let [key, value] = _ref;
+      return { ...res,
+        [key]: {
+          configurable: false,
+          enumerable: true,
+          get: () => {
+            if (!trackedKeys.current.includes(key)) {
+              trackedKeys.current.push(key);
+            }
+
+            return value;
+          }
+        }
+      };
+    }, {}));
+    return trackedResult;
+  }
+
+  return result;
+}
+
+function useAccount() {
+  let {
+    onConnect,
+    onDisconnect
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const account = useSyncExternalStoreWithTracked(core.watchAccount, core.getAccount);
+  const {
+    subscribe
+  } = useClient();
+  React__namespace.useEffect(() => {
+    // No need to subscribe if these callbacks aren't defined
+    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
+
+    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
+      if (!!onConnect && status === 'connected') {
+        const {
+          address,
+          connector
+        } = core.getAccount();
+        onConnect({
+          address,
+          connector,
+          isReconnected: prevStatus === 'reconnecting'
+        });
+      }
+
+      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
+    });
+    return unsubscribe;
+  }, [onConnect, onDisconnect, subscribe]);
+  return account;
+}
+
 const queryKey$a = _ref => {
   let {
     addressOrName,
@@ -1372,6 +1347,7 @@ function useContractInfiniteReads(_ref5) {
     contracts,
     enabled: enabled_ = true,
     getNextPageParam,
+    isDataEqual = core.deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1394,8 +1370,9 @@ function useContractInfiniteReads(_ref5) {
   }), {
     cacheTime,
     enabled,
-    keepPreviousData,
     getNextPageParam,
+    isDataEqual,
+    keepPreviousData,
     select,
     staleTime,
     suspense,
@@ -1470,6 +1447,7 @@ function useContractRead(_ref4) {
     cacheOnBlock = false,
     cacheTime,
     enabled: enabled_ = true,
+    isDataEqual = core.deepEqual,
     select,
     staleTime,
     suspense,
@@ -1502,24 +1480,14 @@ function useContractRead(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
-  const client = reactQuery.useQueryClient();
-  React__namespace.useEffect(() => {
-    if (enabled) {
-      const unwatch = core.watchReadContract({
-        addressOrName,
-        args,
-        chainId,
-        contractInterface,
-        functionName,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [addressOrName, args, cacheOnBlock, chainId, client, contractInterface, enabled, functionName, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$7, {
     cacheTime,
     enabled,
+    isDataEqual,
     queryKeyHashFn: queryKeyHashFn$1,
     select: data => {
       const result = parseContractResult({
@@ -1600,6 +1568,7 @@ function useContractReads(_ref4) {
     contracts,
     overrides,
     enabled: enabled_ = true,
+    isDataEqual = core.deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1629,20 +1598,14 @@ function useContractReads(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contracts, enabled_]);
-  const client = reactQuery.useQueryClient();
-  React__namespace.useEffect(() => {
-    if (enabled) {
-      const unwatch = core.watchReadContracts({
-        contracts,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [cacheOnBlock, client, contracts, enabled, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
+    isDataEqual,
     keepPreviousData,
     queryKeyHashFn,
     staleTime,
@@ -2290,6 +2253,10 @@ Object.defineProperty(exports, 'createStorage', {
   enumerable: true,
   get: function () { return core.createStorage; }
 });
+Object.defineProperty(exports, 'deepEqual', {
+  enumerable: true,
+  get: function () { return core.deepEqual; }
+});
 Object.defineProperty(exports, 'defaultChains', {
   enumerable: true,
   get: function () { return core.defaultChains; }

package/dist/wagmi.cjs.prod.js

@@ -32,44 +32,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var pkg__namespace = /*#__PURE__*/_interopNamespace(pkg);
 
-/** Forked from https://github.com/epoberezkin/fast-deep-equal */
-function deepEqual(a, b) {
-  if (a === b) return true;
-
-  if (a && b && typeof a === 'object' && typeof b === 'object') {
-    if (a.constructor !== b.constructor) return false;
-    let length;
-    let i;
-
-    if (Array.isArray(a) && Array.isArray(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-
-      for (i = length; i-- !== 0;) if (!deepEqual(a[i], b[i])) return false;
-
-      return true;
-    }
-
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-    const keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-
-    for (i = length; i-- !== 0;) {
-      const key = keys[i];
-      if (key && !deepEqual(a[key], b[key])) return false;
-    }
-
-    return true;
-  } // true if both NaN, false otherwise
-
-
-  return a !== a && b !== b;
-}
-
 const findAndReplace = (cacheRef, _ref) => {
   let {
     find,
@@ -564,83 +526,6 @@ function useForceUpdate() {
   return forceUpdate;
 }
 
-const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
-
-function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
-  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
-  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => deepEqual(a, b);
-  const trackedKeys = React__namespace.useRef([]);
-  const result = withSelector_js.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
-    if (isPlainObject(a) && isPlainObject(b)) {
-      for (const key of trackedKeys.current) {
-        const equal = isEqual(a[key], b[key]);
-        if (!equal) return false;
-      }
-
-      return true;
-    }
-
-    return isEqual(a, b);
-  });
-
-  if (isPlainObject(result)) {
-    const trackedResult = { ...result
-    };
-    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
-      let [key, value] = _ref;
-      return { ...res,
-        [key]: {
-          configurable: false,
-          enumerable: true,
-          get: () => {
-            if (!trackedKeys.current.includes(key)) {
-              trackedKeys.current.push(key);
-            }
-
-            return value;
-          }
-        }
-      };
-    }, {}));
-    return trackedResult;
-  }
-
-  return result;
-}
-
-function useAccount() {
-  let {
-    onConnect,
-    onDisconnect
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const account = useSyncExternalStoreWithTracked(core.watchAccount, core.getAccount);
-  const {
-    subscribe
-  } = useClient();
-  React__namespace.useEffect(() => {
-    // No need to subscribe if these callbacks aren't defined
-    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
-
-    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
-      if (!!onConnect && status === 'connected') {
-        const {
-          address,
-          connector
-        } = core.getAccount();
-        onConnect({
-          address,
-          connector,
-          isReconnected: prevStatus === 'reconnecting'
-        });
-      }
-
-      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
-    });
-    return unsubscribe;
-  }, [onConnect, onDisconnect, subscribe]);
-  return account;
-}
-
 const queryKey$c = _ref => {
   let {
     chainId
@@ -670,6 +555,7 @@ function useBlockNumber() {
     staleTime,
     suspense,
     watch = false,
+    onBlock,
     onError,
     onSettled,
     onSuccess
@@ -681,14 +567,15 @@ function useBlockNumber() {
   const webSocketProvider = useWebSocketProvider();
   const queryClient = reactQuery.useQueryClient();
   React__namespace.useEffect(() => {
-    if (!watch) return;
+    if (!watch && !onBlock) return;
 
     const listener = blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
-      queryClient.setQueryData(queryKey$c({
+      if (watch) queryClient.setQueryData(queryKey$c({
         chainId
       }), blockNumber);
+      if (onBlock) onBlock(blockNumber);
     };
 
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
@@ -696,7 +583,7 @@ function useBlockNumber() {
     return () => {
       provider_.off('block', listener);
     };
-  }, [chainId, provider, queryClient, watch, webSocketProvider]);
+  }, [chainId, onBlock, provider, queryClient, watch, webSocketProvider]);
   return useQuery(queryKey$c({
     chainId
   }), queryFn$c, {
@@ -777,6 +664,94 @@ function useFeeData() {
   return feeDataQuery;
 }
 
+function useInvalidateOnBlock(_ref) {
+  let {
+    enabled,
+    queryKey
+  } = _ref;
+  const queryClient = reactQuery.useQueryClient();
+  useBlockNumber({
+    onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
+  });
+}
+
+const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
+
+function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
+  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
+  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => core.deepEqual(a, b);
+  const trackedKeys = React__namespace.useRef([]);
+  const result = withSelector_js.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
+    if (isPlainObject(a) && isPlainObject(b)) {
+      for (const key of trackedKeys.current) {
+        const equal = isEqual(a[key], b[key]);
+        if (!equal) return false;
+      }
+
+      return true;
+    }
+
+    return isEqual(a, b);
+  });
+
+  if (isPlainObject(result)) {
+    const trackedResult = { ...result
+    };
+    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
+      let [key, value] = _ref;
+      return { ...res,
+        [key]: {
+          configurable: false,
+          enumerable: true,
+          get: () => {
+            if (!trackedKeys.current.includes(key)) {
+              trackedKeys.current.push(key);
+            }
+
+            return value;
+          }
+        }
+      };
+    }, {}));
+    return trackedResult;
+  }
+
+  return result;
+}
+
+function useAccount() {
+  let {
+    onConnect,
+    onDisconnect
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const account = useSyncExternalStoreWithTracked(core.watchAccount, core.getAccount);
+  const {
+    subscribe
+  } = useClient();
+  React__namespace.useEffect(() => {
+    // No need to subscribe if these callbacks aren't defined
+    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
+
+    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
+      if (!!onConnect && status === 'connected') {
+        const {
+          address,
+          connector
+        } = core.getAccount();
+        onConnect({
+          address,
+          connector,
+          isReconnected: prevStatus === 'reconnecting'
+        });
+      }
+
+      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
+    });
+    return unsubscribe;
+  }, [onConnect, onDisconnect, subscribe]);
+  return account;
+}
+
 const queryKey$a = _ref => {
   let {
     addressOrName,
@@ -1372,6 +1347,7 @@ function useContractInfiniteReads(_ref5) {
     contracts,
     enabled: enabled_ = true,
     getNextPageParam,
+    isDataEqual = core.deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1394,8 +1370,9 @@ function useContractInfiniteReads(_ref5) {
   }), {
     cacheTime,
     enabled,
-    keepPreviousData,
     getNextPageParam,
+    isDataEqual,
+    keepPreviousData,
     select,
     staleTime,
     suspense,
@@ -1470,6 +1447,7 @@ function useContractRead(_ref4) {
     cacheOnBlock = false,
     cacheTime,
     enabled: enabled_ = true,
+    isDataEqual = core.deepEqual,
     select,
     staleTime,
     suspense,
@@ -1502,24 +1480,14 @@ function useContractRead(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
-  const client = reactQuery.useQueryClient();
-  React__namespace.useEffect(() => {
-    if (enabled) {
-      const unwatch = core.watchReadContract({
-        addressOrName,
-        args,
-        chainId,
-        contractInterface,
-        functionName,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [addressOrName, args, cacheOnBlock, chainId, client, contractInterface, enabled, functionName, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$7, {
     cacheTime,
     enabled,
+    isDataEqual,
     queryKeyHashFn: queryKeyHashFn$1,
     select: data => {
       const result = parseContractResult({
@@ -1600,6 +1568,7 @@ function useContractReads(_ref4) {
     contracts,
     overrides,
     enabled: enabled_ = true,
+    isDataEqual = core.deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1629,20 +1598,14 @@ function useContractReads(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contracts, enabled_]);
-  const client = reactQuery.useQueryClient();
-  React__namespace.useEffect(() => {
-    if (enabled) {
-      const unwatch = core.watchReadContracts({
-        contracts,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [cacheOnBlock, client, contracts, enabled, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
+    isDataEqual,
     keepPreviousData,
     queryKeyHashFn,
     staleTime,
@@ -2290,6 +2253,10 @@ Object.defineProperty(exports, 'createStorage', {
   enumerable: true,
   get: function () { return core.createStorage; }
 });
+Object.defineProperty(exports, 'deepEqual', {
+  enumerable: true,
+  get: function () { return core.deepEqual; }
+});
 Object.defineProperty(exports, 'defaultChains', {
   enumerable: true,
   get: function () { return core.defaultChains; }

package/dist/wagmi.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { createClient as createClient$1, getProvider, watchProvider, getWebSocketProvider, watchWebSocketProvider, getAccount, watchAccount, fetchBlockNumber, fetchFeeData, fetchBalance, connect, disconnect, getNetwork, watchNetwork, watchSigner, fetchSigner, signMessage, signTypedData, switchNetwork, getContract, readContracts, watchReadContract, readContract, watchReadContracts, writeContract, fetchToken, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, sendTransaction, waitForTransaction } from '@wagmi/core';
-export { AddChainError, ChainDoesNotSupportMulticallError, ChainMismatchError, ChainNotConfiguredError, Client, Connector, ConnectorAlreadyConnectedError, ConnectorNotFoundError, ContractMethodNoResultError, ProviderChainsNotFound, ProviderRpcError, ResourceUnavailableError, RpcError, SwitchChainError, SwitchChainNotSupportedError, UserRejectedRequestError, alchemyRpcUrls, allChains, chain, chainId, configureChains, createStorage, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, publicRpcUrls, readContracts } from '@wagmi/core';
+import { createClient as createClient$1, getProvider, watchProvider, getWebSocketProvider, watchWebSocketProvider, fetchBlockNumber, fetchFeeData, deepEqual, getAccount, watchAccount, fetchBalance, connect, disconnect, getNetwork, watchNetwork, watchSigner, fetchSigner, signMessage, signTypedData, switchNetwork, getContract, readContracts, readContract, writeContract, fetchToken, fetchEnsAddress, fetchEnsAvatar, fetchEnsName, fetchEnsResolver, sendTransaction, waitForTransaction } from '@wagmi/core';
+export { AddChainError, ChainDoesNotSupportMulticallError, ChainMismatchError, ChainNotConfiguredError, Client, Connector, ConnectorAlreadyConnectedError, ConnectorNotFoundError, ContractMethodNoResultError, ProviderChainsNotFound, ProviderRpcError, ResourceUnavailableError, RpcError, SwitchChainError, SwitchChainNotSupportedError, UserRejectedRequestError, alchemyRpcUrls, allChains, chain, chainId, configureChains, createStorage, deepEqual, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, publicRpcUrls, readContracts } from '@wagmi/core';
 import { QueryClient, QueryClientProvider, useQueryClient, useIsRestoring, useQueryErrorResetBoundary, notifyManager, InfiniteQueryObserver, QueryObserver, useMutation, hashQueryKey } from 'react-query';
 import { persistQueryClient } from 'react-query/persistQueryClient';
 import { createWebStoragePersister } from 'react-query/createWebStoragePersister';
@@ -8,44 +8,6 @@ import { BigNumber, Contract } from 'ethers/lib/ethers';
 import * as pkg from 'use-sync-external-store/shim/index.js';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
 
-/** Forked from https://github.com/epoberezkin/fast-deep-equal */
-function deepEqual(a, b) {
-  if (a === b) return true;
-
-  if (a && b && typeof a === 'object' && typeof b === 'object') {
-    if (a.constructor !== b.constructor) return false;
-    let length;
-    let i;
-
-    if (Array.isArray(a) && Array.isArray(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-
-      for (i = length; i-- !== 0;) if (!deepEqual(a[i], b[i])) return false;
-
-      return true;
-    }
-
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-    const keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-
-    for (i = length; i-- !== 0;) {
-      const key = keys[i];
-      if (key && !deepEqual(a[key], b[key])) return false;
-    }
-
-    return true;
-  } // true if both NaN, false otherwise
-
-
-  return a !== a && b !== b;
-}
-
 const findAndReplace = (cacheRef, _ref) => {
   let {
     find,
@@ -540,83 +502,6 @@ function useForceUpdate() {
   return forceUpdate;
 }
 
-const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
-
-function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
-  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
-  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => deepEqual(a, b);
-  const trackedKeys = React.useRef([]);
-  const result = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
-    if (isPlainObject(a) && isPlainObject(b)) {
-      for (const key of trackedKeys.current) {
-        const equal = isEqual(a[key], b[key]);
-        if (!equal) return false;
-      }
-
-      return true;
-    }
-
-    return isEqual(a, b);
-  });
-
-  if (isPlainObject(result)) {
-    const trackedResult = { ...result
-    };
-    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
-      let [key, value] = _ref;
-      return { ...res,
-        [key]: {
-          configurable: false,
-          enumerable: true,
-          get: () => {
-            if (!trackedKeys.current.includes(key)) {
-              trackedKeys.current.push(key);
-            }
-
-            return value;
-          }
-        }
-      };
-    }, {}));
-    return trackedResult;
-  }
-
-  return result;
-}
-
-function useAccount() {
-  let {
-    onConnect,
-    onDisconnect
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const account = useSyncExternalStoreWithTracked(watchAccount, getAccount);
-  const {
-    subscribe
-  } = useClient();
-  React.useEffect(() => {
-    // No need to subscribe if these callbacks aren't defined
-    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
-
-    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
-      if (!!onConnect && status === 'connected') {
-        const {
-          address,
-          connector
-        } = getAccount();
-        onConnect({
-          address,
-          connector,
-          isReconnected: prevStatus === 'reconnecting'
-        });
-      }
-
-      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
-    });
-    return unsubscribe;
-  }, [onConnect, onDisconnect, subscribe]);
-  return account;
-}
-
 const queryKey$c = _ref => {
   let {
     chainId
@@ -646,6 +531,7 @@ function useBlockNumber() {
     staleTime,
     suspense,
     watch = false,
+    onBlock,
     onError,
     onSettled,
     onSuccess
@@ -657,14 +543,15 @@ function useBlockNumber() {
   const webSocketProvider = useWebSocketProvider();
   const queryClient = useQueryClient();
   React.useEffect(() => {
-    if (!watch) return;
+    if (!watch && !onBlock) return;
 
     const listener = blockNumber => {
       // Just to be safe in case the provider implementation
       // calls the event callback after .off() has been called
-      queryClient.setQueryData(queryKey$c({
+      if (watch) queryClient.setQueryData(queryKey$c({
         chainId
       }), blockNumber);
+      if (onBlock) onBlock(blockNumber);
     };
 
     const provider_ = webSocketProvider !== null && webSocketProvider !== void 0 ? webSocketProvider : provider;
@@ -672,7 +559,7 @@ function useBlockNumber() {
     return () => {
       provider_.off('block', listener);
     };
-  }, [chainId, provider, queryClient, watch, webSocketProvider]);
+  }, [chainId, onBlock, provider, queryClient, watch, webSocketProvider]);
   return useQuery(queryKey$c({
     chainId
   }), queryFn$c, {
@@ -753,6 +640,94 @@ function useFeeData() {
   return feeDataQuery;
 }
 
+function useInvalidateOnBlock(_ref) {
+  let {
+    enabled,
+    queryKey
+  } = _ref;
+  const queryClient = useQueryClient();
+  useBlockNumber({
+    onBlock: enabled ? () => queryClient.invalidateQueries(queryKey) : undefined
+  });
+}
+
+const isPlainObject = obj => typeof obj === 'object' && !Array.isArray(obj);
+
+function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
+  let getServerSnapshot = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getSnapshot;
+  let isEqual = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : (a, b) => deepEqual(a, b);
+  const trackedKeys = React.useRef([]);
+  const result = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, x => x, (a, b) => {
+    if (isPlainObject(a) && isPlainObject(b)) {
+      for (const key of trackedKeys.current) {
+        const equal = isEqual(a[key], b[key]);
+        if (!equal) return false;
+      }
+
+      return true;
+    }
+
+    return isEqual(a, b);
+  });
+
+  if (isPlainObject(result)) {
+    const trackedResult = { ...result
+    };
+    Object.defineProperties(trackedResult, Object.entries(trackedResult).reduce((res, _ref) => {
+      let [key, value] = _ref;
+      return { ...res,
+        [key]: {
+          configurable: false,
+          enumerable: true,
+          get: () => {
+            if (!trackedKeys.current.includes(key)) {
+              trackedKeys.current.push(key);
+            }
+
+            return value;
+          }
+        }
+      };
+    }, {}));
+    return trackedResult;
+  }
+
+  return result;
+}
+
+function useAccount() {
+  let {
+    onConnect,
+    onDisconnect
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const account = useSyncExternalStoreWithTracked(watchAccount, getAccount);
+  const {
+    subscribe
+  } = useClient();
+  React.useEffect(() => {
+    // No need to subscribe if these callbacks aren't defined
+    if (!onConnect && !onDisconnect) return; // Trigger update when status changes
+
+    const unsubscribe = subscribe(state => state.status, (status, prevStatus) => {
+      if (!!onConnect && status === 'connected') {
+        const {
+          address,
+          connector
+        } = getAccount();
+        onConnect({
+          address,
+          connector,
+          isReconnected: prevStatus === 'reconnecting'
+        });
+      }
+
+      if (!!onDisconnect && prevStatus !== 'connecting' && status === 'disconnected') onDisconnect();
+    });
+    return unsubscribe;
+  }, [onConnect, onDisconnect, subscribe]);
+  return account;
+}
+
 const queryKey$a = _ref => {
   let {
     addressOrName,
@@ -1348,6 +1323,7 @@ function useContractInfiniteReads(_ref5) {
     contracts,
     enabled: enabled_ = true,
     getNextPageParam,
+    isDataEqual = deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1370,8 +1346,9 @@ function useContractInfiniteReads(_ref5) {
   }), {
     cacheTime,
     enabled,
-    keepPreviousData,
     getNextPageParam,
+    isDataEqual,
+    keepPreviousData,
     select,
     staleTime,
     suspense,
@@ -1446,6 +1423,7 @@ function useContractRead(_ref4) {
     cacheOnBlock = false,
     cacheTime,
     enabled: enabled_ = true,
+    isDataEqual = deepEqual,
     select,
     staleTime,
     suspense,
@@ -1478,24 +1456,14 @@ function useContractRead(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [addressOrName, blockNumber, cacheOnBlock, enabled_, functionName]);
-  const client = useQueryClient();
-  React.useEffect(() => {
-    if (enabled) {
-      const unwatch = watchReadContract({
-        addressOrName,
-        args,
-        chainId,
-        contractInterface,
-        functionName,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [addressOrName, args, cacheOnBlock, chainId, client, contractInterface, enabled, functionName, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$7, {
     cacheTime,
     enabled,
+    isDataEqual,
     queryKeyHashFn: queryKeyHashFn$1,
     select: data => {
       const result = parseContractResult({
@@ -1576,6 +1544,7 @@ function useContractReads(_ref4) {
     contracts,
     overrides,
     enabled: enabled_ = true,
+    isDataEqual = deepEqual,
     keepPreviousData,
     onError,
     onSettled,
@@ -1605,20 +1574,14 @@ function useContractReads(_ref4) {
     if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contracts, enabled_]);
-  const client = useQueryClient();
-  React.useEffect(() => {
-    if (enabled) {
-      const unwatch = watchReadContracts({
-        contracts,
-        overrides,
-        listenToBlock: watch && !cacheOnBlock
-      }, result => client.setQueryData(queryKey_, result));
-      return unwatch;
-    }
-  }, [cacheOnBlock, client, contracts, enabled, overrides, queryKey_, watch]);
+  useInvalidateOnBlock({
+    enabled: watch && !cacheOnBlock,
+    queryKey: queryKey_
+  });
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
+    isDataEqual,
     keepPreviousData,
     queryKeyHashFn,
     staleTime,

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks for Ethereum",
   "license": "WAGMIT",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "repository": "tmm/wagmi",
   "author": "awkweb.eth",
   "homepage": "https://wagmi.sh",

package/dist/declarations/src/utils/deepEqual.d.ts

@@ -1,2 +0,0 @@
-/** Forked from https://github.com/epoberezkin/fast-deep-equal */
-export declare function deepEqual(a: any, b: any): boolean;