wagmi 0.7.3 → 0.7.4

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

@@ -124,10 +124,10 @@ export declare function useContractInfiniteReads<TAbi extends Abi | readonly unk
     functionName: TFunctionName_1;
 }>[] : ({
     [x: string]: unknown;
-} & readonly unknown[])[], Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch" | "fetchNextPage" | "hasNextPage" | "isFetchingNextPage"> & {
+} & readonly unknown[])[], Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetchedAfterMount" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch" | "fetchNextPage" | "hasNextPage" | "isFetchingNextPage"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
-    internal: Pick<import("@tanstack/react-query").InfiniteQueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isFetchedAfterMount" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
+    internal: Pick<import("@tanstack/react-query").InfiniteQueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
 };
 export declare function paginatedIndexesConfig<TAbi extends Abi | readonly unknown[], TFunctionName extends string, TContracts extends {
     abi: TAbi;

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

@@ -24,10 +24,10 @@ export declare type UsePrepareContractWriteConfig<TAbi extends Abi | readonly un
  * const { data, isLoading, isSuccess, write } = useContractWrite(config)
  *
  */
-export declare function usePrepareContractWrite<TAbi extends Abi | readonly unknown[], TFunctionName extends string>({ address, abi, functionName, chainId, args, overrides, cacheTime, enabled, staleTime, suspense, onError, onSettled, onSuccess, }?: UsePrepareContractWriteConfig<TAbi, TFunctionName>): Pick<import("@tanstack/react-query").QueryObserverResult<PrepareWriteContractResult<Abi, string>, Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+export declare function usePrepareContractWrite<TAbi extends Abi | readonly unknown[], TFunctionName extends string>({ address, abi, functionName, chainId, args, overrides, cacheTime, enabled, staleTime, suspense, onError, onSettled, onSuccess, }?: UsePrepareContractWriteConfig<TAbi, TFunctionName>): Pick<import("@tanstack/react-query").QueryObserverResult<PrepareWriteContractResult<Abi, string>, Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetchedAfterMount" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
-    internal: Pick<import("@tanstack/react-query").QueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isFetchedAfterMount" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
+    internal: Pick<import("@tanstack/react-query").QueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
 } & {
     config: PrepareWriteContractResult<TAbi, TFunctionName>;
 };

package/dist/declarations/src/hooks/transactions/usePrepareSendTransaction.d.ts

@@ -16,10 +16,10 @@ export declare type UsePrepareSendTransactionConfig = Partial<PrepareSendTransac
  * const result = useSendTransaction(config)
  */
 export declare function usePrepareSendTransaction({ chainId, request, cacheTime, enabled, staleTime, // 24 hours
-suspense, onError, onSettled, onSuccess, }?: UsePrepareSendTransactionConfig): Pick<import("@tanstack/react-query").QueryObserverResult<PrepareSendTransactionResult, Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
+suspense, onError, onSettled, onSuccess, }?: UsePrepareSendTransactionConfig): Pick<import("@tanstack/react-query").QueryObserverResult<PrepareSendTransactionResult, Error>, "error" | "data" | "fetchStatus" | "isError" | "isFetched" | "isFetchedAfterMount" | "isFetching" | "isLoading" | "isRefetching" | "isSuccess" | "refetch"> & {
     isIdle: boolean;
     status: "error" | "success" | "idle" | "loading";
-    internal: Pick<import("@tanstack/react-query").QueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isFetchedAfterMount" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
+    internal: Pick<import("@tanstack/react-query").QueryObserverResult<unknown, unknown>, "failureCount" | "isPaused" | "dataUpdatedAt" | "errorUpdatedAt" | "isLoadingError" | "isPlaceholderData" | "isPreviousData" | "isRefetchError" | "isStale" | "remove">;
 } & {
     config: PrepareSendTransactionResult;
 };

package/dist/declarations/src/hooks/utils/query/useInfiniteQuery.d.ts

@@ -1,8 +1,8 @@
 import { InfiniteQueryObserverResult, QueryFunction, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query';
-declare type UseInfiniteQueryResult<TData, TError> = Pick<InfiniteQueryObserverResult<TData, TError>, 'data' | 'error' | 'fetchNextPage' | 'fetchStatus' | 'hasNextPage' | 'isError' | 'isFetched' | 'isFetching' | 'isFetchingNextPage' | 'isLoading' | 'isRefetching' | 'isSuccess' | 'refetch'> & {
+declare type UseInfiniteQueryResult<TData, TError> = Pick<InfiniteQueryObserverResult<TData, TError>, 'data' | 'error' | 'fetchNextPage' | 'fetchStatus' | 'hasNextPage' | 'isError' | 'isFetched' | 'isFetchedAfterMount' | 'isFetching' | 'isFetchingNextPage' | 'isLoading' | 'isRefetching' | 'isSuccess' | 'refetch'> & {
     isIdle: boolean;
     status: 'idle' | 'loading' | 'success' | 'error';
-    internal: Pick<InfiniteQueryObserverResult, 'dataUpdatedAt' | 'errorUpdatedAt' | 'failureCount' | 'isFetchedAfterMount' | 'isLoadingError' | 'isPaused' | 'isPlaceholderData' | 'isPreviousData' | 'isRefetchError' | 'isStale' | 'remove'>;
+    internal: Pick<InfiniteQueryObserverResult, 'dataUpdatedAt' | 'errorUpdatedAt' | 'failureCount' | 'isLoadingError' | 'isPaused' | 'isPlaceholderData' | 'isPreviousData' | 'isRefetchError' | 'isStale' | 'remove'>;
 };
 export declare function useInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>): UseInfiniteQueryResult<TData, TError>;
 export declare function useInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, options?: Omit<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKey'>): UseInfiniteQueryResult<TData, TError>;

package/dist/declarations/src/hooks/utils/query/useQuery.d.ts

@@ -1,8 +1,8 @@
 import { QueryFunction, QueryKey, QueryObserverResult, UseQueryOptions } from '@tanstack/react-query';
-export declare type UseQueryResult<TData, TError> = Pick<QueryObserverResult<TData, TError>, 'data' | 'error' | 'fetchStatus' | 'isError' | 'isFetched' | 'isFetching' | 'isLoading' | 'isRefetching' | 'isSuccess' | 'refetch'> & {
+export declare type UseQueryResult<TData, TError> = Pick<QueryObserverResult<TData, TError>, 'data' | 'error' | 'fetchStatus' | 'isError' | 'isFetched' | 'isFetchedAfterMount' | 'isFetching' | 'isLoading' | 'isRefetching' | 'isSuccess' | 'refetch'> & {
     isIdle: boolean;
     status: 'idle' | 'loading' | 'success' | 'error';
-    internal: Pick<QueryObserverResult, 'dataUpdatedAt' | 'errorUpdatedAt' | 'failureCount' | 'isFetchedAfterMount' | 'isLoadingError' | 'isPaused' | 'isPlaceholderData' | 'isPreviousData' | 'isRefetchError' | 'isStale' | 'remove'>;
+    internal: Pick<QueryObserverResult, 'dataUpdatedAt' | 'errorUpdatedAt' | 'failureCount' | 'isLoadingError' | 'isPaused' | 'isPlaceholderData' | 'isPreviousData' | 'isRefetchError' | 'isStale' | 'remove'>;
 };
 export declare type DefinedUseQueryResult<TData = unknown, TError = unknown> = Omit<UseQueryResult<TData, TError>, 'data'> & {
     data: TData;

package/dist/wagmi.cjs.dev.js

@@ -383,6 +383,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
     hasNextPage: baseQuery.hasNextPage,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isFetchingNextPage: baseQuery.isFetchingNextPage,
     isIdle: baseQuery.isIdle,
@@ -395,6 +396,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -429,6 +431,7 @@ function useQuery(arg1, arg2, arg3) {
     fetchStatus: baseQuery.fetchStatus,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isIdle: baseQuery.isIdle,
     isLoading: baseQuery.isLoading,
@@ -440,6 +443,7 @@ function useQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -703,35 +707,21 @@ function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
 }
 
 function useAccount() {
+  var _previousAccount$curr, _previousAccount$curr2, _previousAccount$curr3;
+
   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]);
+  const previousAccount = React__namespace.useRef();
+  if (!!onConnect && ((_previousAccount$curr = previousAccount.current) === null || _previousAccount$curr === void 0 ? void 0 : _previousAccount$curr.status) !== 'connected' && account.status === 'connected') onConnect({
+    address: account.address,
+    connector: account.connector,
+    isReconnected: ((_previousAccount$curr2 = previousAccount.current) === null || _previousAccount$curr2 === void 0 ? void 0 : _previousAccount$curr2.status) === 'reconnecting'
+  });
+  if (!!onDisconnect && ((_previousAccount$curr3 = previousAccount.current) === null || _previousAccount$curr3 === void 0 ? void 0 : _previousAccount$curr3.status) == 'connected' && account.status === 'disconnected') onDisconnect();
+  previousAccount.current = account;
   return account;
 }
 

package/dist/wagmi.cjs.prod.js

@@ -383,6 +383,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
     hasNextPage: baseQuery.hasNextPage,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isFetchingNextPage: baseQuery.isFetchingNextPage,
     isIdle: baseQuery.isIdle,
@@ -395,6 +396,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -429,6 +431,7 @@ function useQuery(arg1, arg2, arg3) {
     fetchStatus: baseQuery.fetchStatus,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isIdle: baseQuery.isIdle,
     isLoading: baseQuery.isLoading,
@@ -440,6 +443,7 @@ function useQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -703,35 +707,21 @@ function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
 }
 
 function useAccount() {
+  var _previousAccount$curr, _previousAccount$curr2, _previousAccount$curr3;
+
   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]);
+  const previousAccount = React__namespace.useRef();
+  if (!!onConnect && ((_previousAccount$curr = previousAccount.current) === null || _previousAccount$curr === void 0 ? void 0 : _previousAccount$curr.status) !== 'connected' && account.status === 'connected') onConnect({
+    address: account.address,
+    connector: account.connector,
+    isReconnected: ((_previousAccount$curr2 = previousAccount.current) === null || _previousAccount$curr2 === void 0 ? void 0 : _previousAccount$curr2.status) === 'reconnecting'
+  });
+  if (!!onDisconnect && ((_previousAccount$curr3 = previousAccount.current) === null || _previousAccount$curr3 === void 0 ? void 0 : _previousAccount$curr3.status) == 'connected' && account.status === 'disconnected') onDisconnect();
+  previousAccount.current = account;
   return account;
 }
 

package/dist/wagmi.esm.js

@@ -359,6 +359,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
     hasNextPage: baseQuery.hasNextPage,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isFetchingNextPage: baseQuery.isFetchingNextPage,
     isIdle: baseQuery.isIdle,
@@ -371,6 +372,7 @@ function useInfiniteQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -405,6 +407,7 @@ function useQuery(arg1, arg2, arg3) {
     fetchStatus: baseQuery.fetchStatus,
     isError: baseQuery.isError,
     isFetched: baseQuery.isFetched,
+    isFetchedAfterMount: baseQuery.isFetchedAfterMount,
     isFetching: baseQuery.isFetching,
     isIdle: baseQuery.isIdle,
     isLoading: baseQuery.isLoading,
@@ -416,6 +419,7 @@ function useQuery(arg1, arg2, arg3) {
       dataUpdatedAt: baseQuery.dataUpdatedAt,
       errorUpdatedAt: baseQuery.errorUpdatedAt,
       failureCount: baseQuery.failureCount,
+      // TODO: Remove `isFetchedAfterMount` in next minor version (v0.8).
       isFetchedAfterMount: baseQuery.isFetchedAfterMount,
       isLoadingError: baseQuery.isLoadingError,
       isPaused: baseQuery.isPaused,
@@ -679,35 +683,21 @@ function useSyncExternalStoreWithTracked(subscribe, getSnapshot) {
 }
 
 function useAccount() {
+  var _previousAccount$curr, _previousAccount$curr2, _previousAccount$curr3;
+
   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]);
+  const previousAccount = React.useRef();
+  if (!!onConnect && ((_previousAccount$curr = previousAccount.current) === null || _previousAccount$curr === void 0 ? void 0 : _previousAccount$curr.status) !== 'connected' && account.status === 'connected') onConnect({
+    address: account.address,
+    connector: account.connector,
+    isReconnected: ((_previousAccount$curr2 = previousAccount.current) === null || _previousAccount$curr2 === void 0 ? void 0 : _previousAccount$curr2.status) === 'reconnecting'
+  });
+  if (!!onDisconnect && ((_previousAccount$curr3 = previousAccount.current) === null || _previousAccount$curr3 === void 0 ? void 0 : _previousAccount$curr3.status) == 'connected' && account.status === 'disconnected') onDisconnect();
+  previousAccount.current = account;
   return account;
 }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks for Ethereum",
   "license": "WAGMIT",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/wagmi-dev/wagmi.git",