wagmi 0.3.0 → 0.3.3

package/LICENSE

@@ -1,4 +1,4 @@
-WAGMIT License
+MIT License
 
 Copyright (c) 2022 awkweb.eth
 

package/README.md

@@ -17,7 +17,7 @@ npm install wagmi ethers
 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
+- Follow [@awkweb](https://twitter.com/awkweb) and [@wagmi_sh](https://twitter.com/wagmi_sh) 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) using wagmi
 
@@ -25,6 +25,6 @@ Check out the following places for more wagmi-related content:
 
 If you find wagmi useful, please consider supporting development. Thank you 🙏
 
-- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)
 - [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)
 - [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)
+- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)

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

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

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

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

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

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

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

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

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

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

package/connectors/metaMask/package.json

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

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

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

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

@@ -1,22 +1,22 @@
 import * as React from 'react';
-import type { BaseProvider, WebSocketProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { WagmiClient, ClientConfig as WagmiClientConfig } from '@wagmi/core';
 import { QueryClient } from 'react-query';
 import { Persister } from 'react-query/persistQueryClient';
-export declare type DecoratedWagmiClient<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = WagmiClient<TProvider, TWebSocketProvider> & {
+export declare type DecoratedWagmiClient<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = WagmiClient<TProvider, TWebSocketProvider> & {
     queryClient: QueryClient;
 };
-export declare const Context: React.Context<DecoratedWagmiClient<BaseProvider, WebSocketProvider> | undefined>;
-export declare type ClientConfig<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = WagmiClientConfig<TProvider, TWebSocketProvider> & {
+export declare const Context: React.Context<DecoratedWagmiClient<providers.BaseProvider, providers.WebSocketProvider> | undefined>;
+export declare type ClientConfig<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = WagmiClientConfig<TProvider, TWebSocketProvider> & {
     queryClient?: QueryClient;
     persister?: Persister;
 };
-export declare function createClient<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider>({ queryClient, persister, ...config }?: ClientConfig<TProvider, TWebSocketProvider>): WagmiClient<TProvider, TWebSocketProvider> & {
+export declare function createClient<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider>({ queryClient, persister, ...config }?: ClientConfig<TProvider, TWebSocketProvider>): WagmiClient<TProvider, TWebSocketProvider> & {
     queryClient: QueryClient;
 };
-export declare type ProviderProps<TProvider extends BaseProvider = BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider> = {
+export declare type ProviderProps<TProvider extends providers.BaseProvider = providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider> = {
     /** React-decorated WagmiClient instance */
     client?: DecoratedWagmiClient<TProvider, TWebSocketProvider>;
 };
-export declare function Provider<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider>({ children, client, }: React.PropsWithChildren<ProviderProps<TProvider, TWebSocketProvider>>): JSX.Element;
-export declare function useClient<TProvider extends BaseProvider, TWebSocketProvider extends WebSocketProvider = WebSocketProvider>(): DecoratedWagmiClient<TProvider, TWebSocketProvider>;
+export declare function Provider<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider>({ children, client, }: React.PropsWithChildren<ProviderProps<TProvider, TWebSocketProvider>>): JSX.Element;
+export declare function useClient<TProvider extends providers.BaseProvider, TWebSocketProvider extends providers.WebSocketProvider = providers.WebSocketProvider>(): DecoratedWagmiClient<TProvider, TWebSocketProvider>;

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

@@ -7,14 +7,14 @@ declare type UseContractReadArgs = Partial<ReadContractConfig> & {
     watch?: boolean;
 };
 export declare type UseContractReadConfig = QueryConfig<ReadContractResult, Error>;
-export declare const queryKey: ([contractConfig, functionName, { args, chainId, overrides }, { blockNumber },]: [import("@wagmi/core").GetContractArgs, string, Partial<ReadContractConfig>, {
+export declare const queryKey: ([contractConfig, functionName, { args, chainId, overrides }, { blockNumber },]: [ReadContractArgs, string, Partial<ReadContractConfig>, {
     blockNumber?: number | undefined;
 }]) => readonly [{
     readonly entity: "readContract";
     readonly args: any;
     readonly blockNumber: number | undefined;
     readonly chainId: number | undefined;
-    readonly contractConfig: import("@wagmi/core").GetContractArgs;
+    readonly contractConfig: ReadContractArgs;
     readonly functionName: string;
     readonly overrides: import("ethers").CallOverrides | undefined;
 }];

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

@@ -4,4 +4,4 @@ export { useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver } from './ens';
 export { useBlockNumber, useFeeData } from './network-status';
 export { useProvider, useWebSocketProvider } from './providers';
 export { useSendTransaction, useWaitForTransaction } from './transactions';
-export { useChainId } from './utils';
+export { useChainId, useQuery } from './utils';

package/dist/declarations/src/hooks/providers/useProvider.d.ts

@@ -1,4 +1,4 @@
-import type { BaseProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { GetProviderArgs } from '@wagmi/core';
 export declare type UseProviderArgs = Partial<GetProviderArgs>;
-export declare function useProvider<TProvider extends BaseProvider>({ chainId, }?: UseProviderArgs): TProvider;
+export declare function useProvider<TProvider extends providers.BaseProvider>({ chainId, }?: UseProviderArgs): TProvider;

package/dist/declarations/src/hooks/providers/useWebSocketProvider.d.ts

@@ -1,4 +1,4 @@
-import { WebSocketProvider } from '@ethersproject/providers';
+import { providers } from 'ethers';
 import { GetWebSocketProviderArgs } from '@wagmi/core';
 export declare type UseWebSocketProviderArgs = Partial<GetWebSocketProviderArgs>;
-export declare function useWebSocketProvider<TWebSocketProvider extends WebSocketProvider>({ chainId }?: UseWebSocketProviderArgs): import("@wagmi/core").GetWebSocketProviderResult<TWebSocketProvider>;
+export declare function useWebSocketProvider<TWebSocketProvider extends providers.WebSocketProvider>({ chainId }?: UseWebSocketProviderArgs): import("@wagmi/core").GetWebSocketProviderResult<TWebSocketProvider>;

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

@@ -1,5 +1,6 @@
 export { createClient, createClient as createWagmiClient, Provider, Provider as WagmiProvider, useClient, useClient as useWagmiClient, } from './context';
 export type { ClientConfig, ClientConfig as WagmiClientConfig, ProviderProps, ProviderProps as WagmiProviderProps, } from './context';
-export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useWaitForTransaction, useWebSocketProvider, } from './hooks';
+export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useQuery, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useWaitForTransaction, useWebSocketProvider, } from './hooks';
+export { deserialize, serialize } from './utils';
 export { Client, Connector, WagmiClient, alchemyRpcUrls, allChains, chain, chainId, createStorage, createWagmiStorage, defaultChains, defaultL2Chains, erc20ABI, erc721ABI, etherscanBlockExplorers, infuraRpcUrls, } from '@wagmi/core';
 export type { Chain, ConnectorData, ConnectorEvents, Storage, Unit, WagmiStorage, } from '@wagmi/core';

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

@@ -1,2 +1,2 @@
-import { PersistedClient } from 'react-query/types/persistQueryClient';
+import { PersistedClient } from 'react-query/persistQueryClient';
 export declare function deserialize(cachedString: string): PersistedClient;

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

@@ -1,7 +1,17 @@
-declare type Options = {
-    depthLimit?: number;
-    edgesLimit?: number;
-};
-export declare function serialize(obj: Record<string, any>, replacer?: Replacer, spacer?: string | number, options?: Options): string;
-declare type Replacer = (key: string, value: any) => string;
+declare type StandardReplacer = (key: string, value: any) => any;
+declare type CircularReplacer = (key: string, value: any, referenceKey: string) => any;
+/**
+ * @function stringify
+ *
+ * @description
+ * strinigifer that handles circular values
+ * Forked from https://github.com/planttheidea/fast-stringify
+ *
+ * @param value to stringify
+ * @param [replacer] a custom replacer function for handling standard values
+ * @param [indent] the number of spaces to indent the output by
+ * @param [circularReplacer] a custom replacer function for handling circular values
+ * @returns the stringified output
+ */
+export declare function serialize(value: any, replacer?: StandardReplacer | null | undefined, indent?: number | null | undefined, circularReplacer?: CircularReplacer | null | undefined): string;
 export {};

package/dist/wagmi.cjs.dev.js

@@ -8,7 +8,7 @@ var reactQuery = require('react-query');
 var persistQueryClient = require('react-query/persistQueryClient');
 var createWebStoragePersister = require('react-query/createWebStoragePersister');
 var ethers = require('ethers/lib/ethers');
-var shim = require('use-sync-external-store/shim');
+var index_js = require('use-sync-external-store/shim/index.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -75,122 +75,105 @@ function deserialize(cachedString) {
   return deserializedCacheWithBigNumbers;
 }
 
-const LIMIT_REPLACE_NODE = '[...]';
-const CIRCULAR_REPLACE_NODE = '[Circular]';
-const arr = [];
-const replacerStack = [];
-const defaultOptions = {
-  depthLimit: Number.MAX_SAFE_INTEGER,
-  edgesLimit: Number.MAX_SAFE_INTEGER
-}; // Regular stringify
-
-function serialize(obj, replacer, spacer) {
-  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultOptions;
-  decirc(obj, '', 0, [], undefined, 0, options);
-  let res;
-
-  try {
-    if (replacerStack.length === 0) {
-      res = JSON.stringify(obj, replacer, spacer);
-    } else {
-      res = JSON.stringify(obj, replaceGetterValues(replacer), spacer);
-    }
-  } catch (_) {
-    return JSON.stringify('[unable to serialize, circular reference is too complex to analyze]');
-  } finally {
-    while (arr.length !== 0) {
-      const part = arr.pop();
-
-      if (part.length === 4) {
-        Object.defineProperty(part[0], part[1], part[3]);
-      } else {
-        part[0][part[1]] = part[2];
-      }
-    }
-  }
-
-  return res;
+/**
+ * @function getReferenceKey
+ *
+ * @description
+ * get the reference key for the circular value
+ *
+ * @param keys the keys to build the reference key from
+ * @param cutoff the maximum number of keys to include
+ * @returns the reference key
+ */
+function getReferenceKey(keys, cutoff) {
+  return keys.slice(0, cutoff).join('.') || '.';
 }
+/**
+ * @function getCutoff
+ *
+ * @description
+ * faster `Array.prototype.indexOf` implementation build for slicing / splicing
+ *
+ * @param array the array to match the value in
+ * @param value the value to match
+ * @returns the matching index, or -1
+ */
+
+
+function getCutoff(array, value) {
+  const {
+    length
+  } = array;
 
-function setReplace(replace, val, k, parent) {
-  const propertyDescriptor = Object.getOwnPropertyDescriptor(parent, k);
-
-  if ((propertyDescriptor === null || propertyDescriptor === void 0 ? void 0 : propertyDescriptor.get) !== undefined) {
-    if (propertyDescriptor.configurable) {
-      Object.defineProperty(parent, k, {
-        value: replace
-      });
-      arr.push([parent, k, val, propertyDescriptor]);
-    } else {
-      replacerStack.push([val, k, replace]);
+  for (let index = 0; index < length; ++index) {
+    if (array[index] === value) {
+      return index + 1;
     }
-  } else {
-    parent[k] = replace;
-    arr.push([parent, k, val]);
   }
-}
 
-function decirc(val, k, edgeIndex, stack, parent, depth, options) {
-  depth += 1;
-  let i;
-
-  if (typeof val === 'object' && val !== null) {
-    for (i = 0; i < stack.length; i++) {
-      if (stack[i] === val) {
-        setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);
-        return;
-      }
-    }
-
-    if (typeof options.depthLimit !== 'undefined' && depth > options.depthLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    if (typeof options.edgesLimit !== 'undefined' && edgeIndex + 1 > options.edgesLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    stack.push(val); // Optimize for Arrays. Big arrays could kill the performance otherwise!
-
-    if (Array.isArray(val)) {
-      for (i = 0; i < val.length; i++) {
-        decirc(val[i], i, i, stack, val, depth, options);
-      }
-    } else {
-      const keys = Object.keys(val);
+  return 0;
+}
 
-      for (i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        decirc(val[key], key, i, stack, val, depth, options);
-      }
-    }
+/**
+ * @function createReplacer
+ *
+ * @description
+ * create a replacer method that handles circular values
+ *
+ * @param [replacer] a custom replacer to use for non-circular values
+ * @param [circularReplacer] a custom replacer to use for circular methods
+ * @returns the value to stringify
+ */
+function createReplacer(replacer, circularReplacer) {
+  const hasReplacer = typeof replacer === 'function';
+  const hasCircularReplacer = typeof circularReplacer === 'function';
+  const cache = [];
+  const keys = [];
+  return function replace(key, value) {
+    if (typeof value === 'object') {
+      if (cache.length) {
+        const thisCutoff = getCutoff(cache, this);
+
+        if (thisCutoff === 0) {
+          cache[cache.length] = this;
+        } else {
+          cache.splice(thisCutoff);
+          keys.splice(thisCutoff);
+        }
 
-    stack.pop();
-  }
-}
+        keys[keys.length] = key;
+        const valueCutoff = getCutoff(cache, value);
 
-// wraps replacer function to handle values we couldn't replace
-// and mark them as replaced value
-function replaceGetterValues() {
-  let replacer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (_k, v) => v;
-  return (key, val) => {
-    if (replacerStack.length > 0) {
-      for (let i = 0; i < replacerStack.length; i++) {
-        const part = replacerStack[i];
-
-        if (part[1] === key && part[0] === val) {
-          val = part[2];
-          replacerStack.splice(i, 1);
-          break;
+        if (valueCutoff !== 0) {
+          return hasCircularReplacer ? circularReplacer.call(this, key, value, getReferenceKey(keys, valueCutoff)) : "[ref=".concat(getReferenceKey(keys, valueCutoff), "]");
         }
+      } else {
+        cache[0] = value;
+        keys[0] = key;
       }
     }
 
-    return replacer.apply(key, val);
+    return hasReplacer ? replacer.call(this, key, value) : value;
   };
 }
+/**
+ * @function stringify
+ *
+ * @description
+ * strinigifer that handles circular values
+ * Forked from https://github.com/planttheidea/fast-stringify
+ *
+ * @param value to stringify
+ * @param [replacer] a custom replacer function for handling standard values
+ * @param [indent] the number of spaces to indent the output by
+ * @param [circularReplacer] a custom replacer function for handling circular values
+ * @returns the stringified output
+ */
+
+
+function serialize(value, replacer, indent, circularReplacer) {
+  return JSON.stringify(value, createReplacer(replacer, circularReplacer), indent !== null && indent !== void 0 ? indent : undefined);
+}
 
 const Context = /*#__PURE__*/React__namespace.createContext(undefined);
 function createClient() {
@@ -198,7 +181,7 @@ function createClient() {
     queryClient = new reactQuery.QueryClient({
       defaultOptions: {
         queries: {
-          cacheTime: 60 * 60 * 24,
+          cacheTime: 1000 * 60 * 60 * 24,
           // 24 hours
           networkMode: 'offlineFirst',
           refetchOnWindowFocus: false,
@@ -379,7 +362,7 @@ function useQuery(queryKey, queryFn, options_) {
     remove,
     status: status_
   } = observer.getOptimisticResult(defaultedOptions);
-  shim.useSyncExternalStore(React__namespace.useCallback(onStoreChange => isRestoring ? () => undefined : observer.subscribe(reactQuery.notifyManager.batchCalls(onStoreChange)), [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());
+  index_js.useSyncExternalStore(React__namespace.useCallback(onStoreChange => isRestoring ? () => undefined : observer.subscribe(reactQuery.notifyManager.batchCalls(onStoreChange)), [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());
   React__namespace.useEffect(() => {
     errorResetBoundary.clearReset();
   }, [errorResetBoundary]);
@@ -1230,11 +1213,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React__namespace.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = reactQuery.useQueryClient();
@@ -1242,12 +1221,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = core.watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1371,7 +1351,7 @@ function useToken() {
     formatUnits = 'ether',
     cacheTime,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1428,7 +1408,7 @@ function useEnsAddress() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1484,7 +1464,7 @@ function useEnsAvatar() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1538,7 +1518,7 @@ function useEnsName() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1594,7 +1574,7 @@ function useEnsResolver() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1818,6 +1798,8 @@ exports.Provider = Provider;
 exports.WagmiProvider = Provider;
 exports.createClient = createClient;
 exports.createWagmiClient = createClient;
+exports.deserialize = deserialize;
+exports.serialize = serialize;
 exports.useAccount = useAccount;
 exports.useBalance = useBalance;
 exports.useBlockNumber = useBlockNumber;
@@ -1835,6 +1817,7 @@ exports.useEnsResolver = useEnsResolver;
 exports.useFeeData = useFeeData;
 exports.useNetwork = useNetwork;
 exports.useProvider = useProvider;
+exports.useQuery = useQuery;
 exports.useSendTransaction = useSendTransaction;
 exports.useSignMessage = useSignMessage;
 exports.useSignTypedData = useSignTypedData;

package/dist/wagmi.cjs.prod.js

@@ -8,7 +8,7 @@ var reactQuery = require('react-query');
 var persistQueryClient = require('react-query/persistQueryClient');
 var createWebStoragePersister = require('react-query/createWebStoragePersister');
 var ethers = require('ethers/lib/ethers');
-var shim = require('use-sync-external-store/shim');
+var index_js = require('use-sync-external-store/shim/index.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -75,122 +75,105 @@ function deserialize(cachedString) {
   return deserializedCacheWithBigNumbers;
 }
 
-const LIMIT_REPLACE_NODE = '[...]';
-const CIRCULAR_REPLACE_NODE = '[Circular]';
-const arr = [];
-const replacerStack = [];
-const defaultOptions = {
-  depthLimit: Number.MAX_SAFE_INTEGER,
-  edgesLimit: Number.MAX_SAFE_INTEGER
-}; // Regular stringify
-
-function serialize(obj, replacer, spacer) {
-  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultOptions;
-  decirc(obj, '', 0, [], undefined, 0, options);
-  let res;
-
-  try {
-    if (replacerStack.length === 0) {
-      res = JSON.stringify(obj, replacer, spacer);
-    } else {
-      res = JSON.stringify(obj, replaceGetterValues(replacer), spacer);
-    }
-  } catch (_) {
-    return JSON.stringify('[unable to serialize, circular reference is too complex to analyze]');
-  } finally {
-    while (arr.length !== 0) {
-      const part = arr.pop();
-
-      if (part.length === 4) {
-        Object.defineProperty(part[0], part[1], part[3]);
-      } else {
-        part[0][part[1]] = part[2];
-      }
-    }
-  }
-
-  return res;
+/**
+ * @function getReferenceKey
+ *
+ * @description
+ * get the reference key for the circular value
+ *
+ * @param keys the keys to build the reference key from
+ * @param cutoff the maximum number of keys to include
+ * @returns the reference key
+ */
+function getReferenceKey(keys, cutoff) {
+  return keys.slice(0, cutoff).join('.') || '.';
 }
+/**
+ * @function getCutoff
+ *
+ * @description
+ * faster `Array.prototype.indexOf` implementation build for slicing / splicing
+ *
+ * @param array the array to match the value in
+ * @param value the value to match
+ * @returns the matching index, or -1
+ */
+
+
+function getCutoff(array, value) {
+  const {
+    length
+  } = array;
 
-function setReplace(replace, val, k, parent) {
-  const propertyDescriptor = Object.getOwnPropertyDescriptor(parent, k);
-
-  if ((propertyDescriptor === null || propertyDescriptor === void 0 ? void 0 : propertyDescriptor.get) !== undefined) {
-    if (propertyDescriptor.configurable) {
-      Object.defineProperty(parent, k, {
-        value: replace
-      });
-      arr.push([parent, k, val, propertyDescriptor]);
-    } else {
-      replacerStack.push([val, k, replace]);
+  for (let index = 0; index < length; ++index) {
+    if (array[index] === value) {
+      return index + 1;
     }
-  } else {
-    parent[k] = replace;
-    arr.push([parent, k, val]);
   }
-}
 
-function decirc(val, k, edgeIndex, stack, parent, depth, options) {
-  depth += 1;
-  let i;
-
-  if (typeof val === 'object' && val !== null) {
-    for (i = 0; i < stack.length; i++) {
-      if (stack[i] === val) {
-        setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);
-        return;
-      }
-    }
-
-    if (typeof options.depthLimit !== 'undefined' && depth > options.depthLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    if (typeof options.edgesLimit !== 'undefined' && edgeIndex + 1 > options.edgesLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    stack.push(val); // Optimize for Arrays. Big arrays could kill the performance otherwise!
-
-    if (Array.isArray(val)) {
-      for (i = 0; i < val.length; i++) {
-        decirc(val[i], i, i, stack, val, depth, options);
-      }
-    } else {
-      const keys = Object.keys(val);
+  return 0;
+}
 
-      for (i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        decirc(val[key], key, i, stack, val, depth, options);
-      }
-    }
+/**
+ * @function createReplacer
+ *
+ * @description
+ * create a replacer method that handles circular values
+ *
+ * @param [replacer] a custom replacer to use for non-circular values
+ * @param [circularReplacer] a custom replacer to use for circular methods
+ * @returns the value to stringify
+ */
+function createReplacer(replacer, circularReplacer) {
+  const hasReplacer = typeof replacer === 'function';
+  const hasCircularReplacer = typeof circularReplacer === 'function';
+  const cache = [];
+  const keys = [];
+  return function replace(key, value) {
+    if (typeof value === 'object') {
+      if (cache.length) {
+        const thisCutoff = getCutoff(cache, this);
+
+        if (thisCutoff === 0) {
+          cache[cache.length] = this;
+        } else {
+          cache.splice(thisCutoff);
+          keys.splice(thisCutoff);
+        }
 
-    stack.pop();
-  }
-}
+        keys[keys.length] = key;
+        const valueCutoff = getCutoff(cache, value);
 
-// wraps replacer function to handle values we couldn't replace
-// and mark them as replaced value
-function replaceGetterValues() {
-  let replacer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (_k, v) => v;
-  return (key, val) => {
-    if (replacerStack.length > 0) {
-      for (let i = 0; i < replacerStack.length; i++) {
-        const part = replacerStack[i];
-
-        if (part[1] === key && part[0] === val) {
-          val = part[2];
-          replacerStack.splice(i, 1);
-          break;
+        if (valueCutoff !== 0) {
+          return hasCircularReplacer ? circularReplacer.call(this, key, value, getReferenceKey(keys, valueCutoff)) : "[ref=".concat(getReferenceKey(keys, valueCutoff), "]");
         }
+      } else {
+        cache[0] = value;
+        keys[0] = key;
       }
     }
 
-    return replacer.apply(key, val);
+    return hasReplacer ? replacer.call(this, key, value) : value;
   };
 }
+/**
+ * @function stringify
+ *
+ * @description
+ * strinigifer that handles circular values
+ * Forked from https://github.com/planttheidea/fast-stringify
+ *
+ * @param value to stringify
+ * @param [replacer] a custom replacer function for handling standard values
+ * @param [indent] the number of spaces to indent the output by
+ * @param [circularReplacer] a custom replacer function for handling circular values
+ * @returns the stringified output
+ */
+
+
+function serialize(value, replacer, indent, circularReplacer) {
+  return JSON.stringify(value, createReplacer(replacer, circularReplacer), indent !== null && indent !== void 0 ? indent : undefined);
+}
 
 const Context = /*#__PURE__*/React__namespace.createContext(undefined);
 function createClient() {
@@ -198,7 +181,7 @@ function createClient() {
     queryClient = new reactQuery.QueryClient({
       defaultOptions: {
         queries: {
-          cacheTime: 60 * 60 * 24,
+          cacheTime: 1000 * 60 * 60 * 24,
           // 24 hours
           networkMode: 'offlineFirst',
           refetchOnWindowFocus: false,
@@ -379,7 +362,7 @@ function useQuery(queryKey, queryFn, options_) {
     remove,
     status: status_
   } = observer.getOptimisticResult(defaultedOptions);
-  shim.useSyncExternalStore(React__namespace.useCallback(onStoreChange => isRestoring ? () => undefined : observer.subscribe(reactQuery.notifyManager.batchCalls(onStoreChange)), [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());
+  index_js.useSyncExternalStore(React__namespace.useCallback(onStoreChange => isRestoring ? () => undefined : observer.subscribe(reactQuery.notifyManager.batchCalls(onStoreChange)), [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());
   React__namespace.useEffect(() => {
     errorResetBoundary.clearReset();
   }, [errorResetBoundary]);
@@ -1230,11 +1213,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React__namespace.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = reactQuery.useQueryClient();
@@ -1242,12 +1221,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = core.watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1371,7 +1351,7 @@ function useToken() {
     formatUnits = 'ether',
     cacheTime,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1428,7 +1408,7 @@ function useEnsAddress() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1484,7 +1464,7 @@ function useEnsAvatar() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1538,7 +1518,7 @@ function useEnsName() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1594,7 +1574,7 @@ function useEnsResolver() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1818,6 +1798,8 @@ exports.Provider = Provider;
 exports.WagmiProvider = Provider;
 exports.createClient = createClient;
 exports.createWagmiClient = createClient;
+exports.deserialize = deserialize;
+exports.serialize = serialize;
 exports.useAccount = useAccount;
 exports.useBalance = useBalance;
 exports.useBlockNumber = useBlockNumber;
@@ -1835,6 +1817,7 @@ exports.useEnsResolver = useEnsResolver;
 exports.useFeeData = useFeeData;
 exports.useNetwork = useNetwork;
 exports.useProvider = useProvider;
+exports.useQuery = useQuery;
 exports.useSendTransaction = useSendTransaction;
 exports.useSignMessage = useSignMessage;
 exports.useSignTypedData = useSignTypedData;

package/dist/wagmi.esm.js

@@ -5,7 +5,7 @@ import { QueryClient, QueryClientProvider, useQueryClient, useIsRestoring, useQu
 import { persistQueryClient } from 'react-query/persistQueryClient';
 import { createWebStoragePersister } from 'react-query/createWebStoragePersister';
 import { BigNumber } from 'ethers/lib/ethers';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 
 const findAndReplace = (cacheRef, _ref) => {
   let {
@@ -52,122 +52,105 @@ function deserialize(cachedString) {
   return deserializedCacheWithBigNumbers;
 }
 
-const LIMIT_REPLACE_NODE = '[...]';
-const CIRCULAR_REPLACE_NODE = '[Circular]';
-const arr = [];
-const replacerStack = [];
-const defaultOptions = {
-  depthLimit: Number.MAX_SAFE_INTEGER,
-  edgesLimit: Number.MAX_SAFE_INTEGER
-}; // Regular stringify
-
-function serialize(obj, replacer, spacer) {
-  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultOptions;
-  decirc(obj, '', 0, [], undefined, 0, options);
-  let res;
-
-  try {
-    if (replacerStack.length === 0) {
-      res = JSON.stringify(obj, replacer, spacer);
-    } else {
-      res = JSON.stringify(obj, replaceGetterValues(replacer), spacer);
-    }
-  } catch (_) {
-    return JSON.stringify('[unable to serialize, circular reference is too complex to analyze]');
-  } finally {
-    while (arr.length !== 0) {
-      const part = arr.pop();
-
-      if (part.length === 4) {
-        Object.defineProperty(part[0], part[1], part[3]);
-      } else {
-        part[0][part[1]] = part[2];
-      }
-    }
-  }
-
-  return res;
+/**
+ * @function getReferenceKey
+ *
+ * @description
+ * get the reference key for the circular value
+ *
+ * @param keys the keys to build the reference key from
+ * @param cutoff the maximum number of keys to include
+ * @returns the reference key
+ */
+function getReferenceKey(keys, cutoff) {
+  return keys.slice(0, cutoff).join('.') || '.';
 }
+/**
+ * @function getCutoff
+ *
+ * @description
+ * faster `Array.prototype.indexOf` implementation build for slicing / splicing
+ *
+ * @param array the array to match the value in
+ * @param value the value to match
+ * @returns the matching index, or -1
+ */
+
+
+function getCutoff(array, value) {
+  const {
+    length
+  } = array;
 
-function setReplace(replace, val, k, parent) {
-  const propertyDescriptor = Object.getOwnPropertyDescriptor(parent, k);
-
-  if ((propertyDescriptor === null || propertyDescriptor === void 0 ? void 0 : propertyDescriptor.get) !== undefined) {
-    if (propertyDescriptor.configurable) {
-      Object.defineProperty(parent, k, {
-        value: replace
-      });
-      arr.push([parent, k, val, propertyDescriptor]);
-    } else {
-      replacerStack.push([val, k, replace]);
+  for (let index = 0; index < length; ++index) {
+    if (array[index] === value) {
+      return index + 1;
     }
-  } else {
-    parent[k] = replace;
-    arr.push([parent, k, val]);
   }
-}
 
-function decirc(val, k, edgeIndex, stack, parent, depth, options) {
-  depth += 1;
-  let i;
-
-  if (typeof val === 'object' && val !== null) {
-    for (i = 0; i < stack.length; i++) {
-      if (stack[i] === val) {
-        setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);
-        return;
-      }
-    }
-
-    if (typeof options.depthLimit !== 'undefined' && depth > options.depthLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    if (typeof options.edgesLimit !== 'undefined' && edgeIndex + 1 > options.edgesLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-
-    stack.push(val); // Optimize for Arrays. Big arrays could kill the performance otherwise!
-
-    if (Array.isArray(val)) {
-      for (i = 0; i < val.length; i++) {
-        decirc(val[i], i, i, stack, val, depth, options);
-      }
-    } else {
-      const keys = Object.keys(val);
+  return 0;
+}
 
-      for (i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        decirc(val[key], key, i, stack, val, depth, options);
-      }
-    }
+/**
+ * @function createReplacer
+ *
+ * @description
+ * create a replacer method that handles circular values
+ *
+ * @param [replacer] a custom replacer to use for non-circular values
+ * @param [circularReplacer] a custom replacer to use for circular methods
+ * @returns the value to stringify
+ */
+function createReplacer(replacer, circularReplacer) {
+  const hasReplacer = typeof replacer === 'function';
+  const hasCircularReplacer = typeof circularReplacer === 'function';
+  const cache = [];
+  const keys = [];
+  return function replace(key, value) {
+    if (typeof value === 'object') {
+      if (cache.length) {
+        const thisCutoff = getCutoff(cache, this);
+
+        if (thisCutoff === 0) {
+          cache[cache.length] = this;
+        } else {
+          cache.splice(thisCutoff);
+          keys.splice(thisCutoff);
+        }
 
-    stack.pop();
-  }
-}
+        keys[keys.length] = key;
+        const valueCutoff = getCutoff(cache, value);
 
-// wraps replacer function to handle values we couldn't replace
-// and mark them as replaced value
-function replaceGetterValues() {
-  let replacer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (_k, v) => v;
-  return (key, val) => {
-    if (replacerStack.length > 0) {
-      for (let i = 0; i < replacerStack.length; i++) {
-        const part = replacerStack[i];
-
-        if (part[1] === key && part[0] === val) {
-          val = part[2];
-          replacerStack.splice(i, 1);
-          break;
+        if (valueCutoff !== 0) {
+          return hasCircularReplacer ? circularReplacer.call(this, key, value, getReferenceKey(keys, valueCutoff)) : "[ref=".concat(getReferenceKey(keys, valueCutoff), "]");
         }
+      } else {
+        cache[0] = value;
+        keys[0] = key;
       }
     }
 
-    return replacer.apply(key, val);
+    return hasReplacer ? replacer.call(this, key, value) : value;
   };
 }
+/**
+ * @function stringify
+ *
+ * @description
+ * strinigifer that handles circular values
+ * Forked from https://github.com/planttheidea/fast-stringify
+ *
+ * @param value to stringify
+ * @param [replacer] a custom replacer function for handling standard values
+ * @param [indent] the number of spaces to indent the output by
+ * @param [circularReplacer] a custom replacer function for handling circular values
+ * @returns the stringified output
+ */
+
+
+function serialize(value, replacer, indent, circularReplacer) {
+  return JSON.stringify(value, createReplacer(replacer, circularReplacer), indent !== null && indent !== void 0 ? indent : undefined);
+}
 
 const Context = /*#__PURE__*/React.createContext(undefined);
 function createClient() {
@@ -175,7 +158,7 @@ function createClient() {
     queryClient = new QueryClient({
       defaultOptions: {
         queries: {
-          cacheTime: 60 * 60 * 24,
+          cacheTime: 1000 * 60 * 60 * 24,
           // 24 hours
           networkMode: 'offlineFirst',
           refetchOnWindowFocus: false,
@@ -1207,11 +1190,7 @@ function useContractRead(contractConfig, functionName) {
   }]), [args, blockNumber, cacheOnBlock, chainId, contractConfig, functionName, overrides]);
   const enabled = React.useMemo(() => {
     let enabled = Boolean(enabled_ && contractConfig && functionName);
-
-    if (cacheOnBlock) {
-      enabled = Boolean(enabled && blockNumber);
-    }
-
+    if (cacheOnBlock) enabled = Boolean(enabled && blockNumber);
     return enabled;
   }, [blockNumber, cacheOnBlock, contractConfig, enabled_, functionName]);
   const client = useQueryClient();
@@ -1219,12 +1198,13 @@ function useContractRead(contractConfig, functionName) {
     if (enabled) {
       const unwatch = watchReadContract(contractConfig, functionName, {
         args,
+        chainId,
         overrides,
         listenToBlock: watch && !cacheOnBlock
       }, result => client.setQueryData(queryKey_, result));
       return unwatch;
     }
-  }, [args, cacheOnBlock, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
+  }, [args, cacheOnBlock, chainId, client, contractConfig, enabled, functionName, overrides, queryKey_, watch]);
   return useQuery(queryKey_, queryFn$6, {
     cacheTime,
     enabled,
@@ -1348,7 +1328,7 @@ function useToken() {
     formatUnits = 'ether',
     cacheTime,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1405,7 +1385,7 @@ function useEnsAddress() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1461,7 +1441,7 @@ function useEnsAvatar() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1515,7 +1495,7 @@ function useEnsName() {
     cacheTime,
     chainId: chainId_,
     enabled = true,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1571,7 +1551,7 @@ function useEnsResolver() {
     chainId: chainId_,
     enabled = true,
     name,
-    staleTime = 60 * 60 * 24,
+    staleTime = 1000 * 60 * 60 * 24,
     // 24 hours
     suspense,
     onError,
@@ -1731,4 +1711,4 @@ function useWaitForTransaction() {
   });
 }
 
-export { Provider, Provider as WagmiProvider, createClient, createClient as createWagmiClient, useAccount, useBalance, useBlockNumber, useClient, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useClient as useWagmiClient, useWaitForTransaction, useWebSocketProvider };
+export { Provider, Provider as WagmiProvider, createClient, createClient as createWagmiClient, deserialize, serialize, useAccount, useBalance, useBlockNumber, useClient, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useDisconnect, useEnsAddress, useEnsAvatar, useEnsName, useEnsResolver, useFeeData, useNetwork, useProvider, useQuery, useSendTransaction, useSignMessage, useSignTypedData, useSigner, useToken, useClient as useWagmiClient, useWaitForTransaction, useWebSocketProvider };

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks for Ethereum",
   "license": "WAGMIT",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "author": "awkweb.eth",
   "ethereum": "awkweb.eth",
   "repository": "tmm/wagmi",
@@ -24,6 +24,10 @@
       "module": "./connectors/injected/dist/wagmi-connectors-injected.esm.js",
       "default": "./connectors/injected/dist/wagmi-connectors-injected.cjs.js"
     },
+    "./connectors/metaMask": {
+      "module": "./connectors/metaMask/dist/wagmi-connectors-metaMask.esm.js",
+      "default": "./connectors/metaMask/dist/wagmi-connectors-metaMask.cjs.js"
+    },
     "./connectors/walletConnect": {
       "module": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.esm.js",
       "default": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.cjs.js"
@@ -38,6 +42,7 @@
       "index.ts",
       "connectors/coinbaseWallet.ts",
       "connectors/injected.ts",
+      "connectors/metaMask.ts",
       "connectors/walletConnect.ts"
     ]
   },
@@ -46,22 +51,22 @@
     "react": ">=17.0.0"
   },
   "dependencies": {
-    "@coinbase/wallet-sdk": "^3.0.8",
-    "@wagmi/core": "0.2.0",
-    "@walletconnect/ethereum-provider": "1.7.5",
-    "react-query": "^4.0.0-beta.5",
-    "use-sync-external-store": "^1.0.0"
+    "@coinbase/wallet-sdk": "^3.0.11",
+    "@wagmi/core": "^0.2.3",
+    "@walletconnect/ethereum-provider": "^1.7.5",
+    "react-query": "^4.0.0-beta.7",
+    "use-sync-external-store": "^1.1.0"
   },
   "devDependencies": {
     "@testing-library/react": "^13.0.0",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/react": "18.0.5",
-    "@types/react-dom": "^18.0.1",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.3",
     "@types/use-sync-external-store": "^0.0.3",
     "ethers": "^5.6.4",
-    "react": "18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.1.0",
     "react-17": "npm:react@^17.0.2",
+    "react-dom": "^18.0.0",
     "react-dom-17": "npm:react-dom@^17.0.2"
   },
   "keywords": [
@@ -73,5 +78,5 @@
     "wallet",
     "web3"
   ],
-  "readme": "# wagmi\n\n## Documentation\n\nFor full documentation and examples, visit [wagmi.sh](https://wagmi.sh).\n\n## Installation\n\nInstall wagmi and its ethers peer dependency.\n\n```bash\nnpm install wagmi ethers\n```\n\n## Community\n\nCheck out the following places for more wagmi-related content:\n\n- Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)\n- Follow [@awkweb](https://twitter.com/awkweb) on Twitter for project updates\n- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)\n- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi\n\n## Support\n\nIf you find wagmi useful, please consider supporting development. Thank you 🙏\n\n- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)\n- [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)\n- [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)\n"
+  "readme": "# wagmi\n\n## Documentation\n\nFor full documentation and examples, visit [wagmi.sh](https://wagmi.sh).\n\n## Installation\n\nInstall wagmi and its ethers peer dependency.\n\n```bash\nnpm install wagmi ethers\n```\n\n## Community\n\nCheck out the following places for more wagmi-related content:\n\n- Join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions)\n- Follow [@awkweb](https://twitter.com/awkweb) and [@wagmi_sh](https://twitter.com/wagmi_sh) on Twitter for project updates\n- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)\n- Share [your project/organization](https://github.com/tmm/wagmi/discussions/201) using wagmi\n\n## Support\n\nIf you find wagmi useful, please consider supporting development. Thank you 🙏\n\n- [GitHub Sponsors](https://github.com/sponsors/tmm?metadata_campaign=readme_wagmi)\n- [Gitcoin Grant](https://gitcoin.co/grants/4493/wagmi-react-hooks-library-for-ethereum)\n- [awkweb.eth](https://etherscan.io/enslookup-search?search=awkweb.eth)\n"
 }