wagmi 0.0.17 → 0.1.3

package/README.md

@@ -11,6 +11,12 @@
       src="https://img.shields.io/npm/l/wagmi.svg?style=for-the-badge&labelColor=161c22"
     />
   </a>
+  <a aria-label="Sponsors" href="https://github.com/sponsors/tmm">
+    <img
+      alt=""
+      src="https://img.shields.io/github/sponsors/tmm.svg?style=for-the-badge&labelColor=161c22"
+    />
+  </a>
 </p>
 
 # wagmi
@@ -73,6 +79,16 @@ Every component inside the `Provider` is set up with the default `InjectedConnec
 
 Want to learn more? Check out the [guides](https://wagmi-xyz.vercel.app/guides/connect-wallet) or browse the [API docs](https://wagmi-xyz.vercel.app/docs/provider).
 
+## Community
+
+Feel free to join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions) or reach out [on Twitter](https://twitter.com/awkweb)!
+
+## Support
+
+- awkweb.eth
+- [GitHub Sponsors](https://github.com/sponsors/tmm)
+- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)
+
 ## Thanks
 
 - [ricmoo.eth](https://twitter.com/ricmoo) for creating and continued work on [ethers.js](https://github.com/ethers-io/ethers.js)

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var wagmiPrivate = require('wagmi-private');
+
+
+
+Object.defineProperty(exports, 'InjectedConnector', {
+	enumerable: true,
+	get: function () { return wagmiPrivate.InjectedConnector; }
+});

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var wagmiPrivate = require('wagmi-private');
+
+
+
+Object.defineProperty(exports, 'InjectedConnector', {
+	enumerable: true,
+	get: function () { return wagmiPrivate.InjectedConnector; }
+});

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

@@ -0,0 +1 @@
+export { InjectedConnector } from 'wagmi-private';

package/connectors/injected/package.json

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export { WalletConnectConnector } from 'wagmi-private/connectors/walletConnect';

package/connectors/walletConnect/package.json

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export { WalletLinkConnector } from 'wagmi-private/connectors/walletLink';

package/connectors/walletLink/package.json

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

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

@@ -0,0 +1 @@
+export { InjectedConnector } from 'wagmi-private';

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

@@ -0,0 +1 @@
+export { WalletConnectConnector } from 'wagmi-private/connectors/walletConnect';

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

@@ -0,0 +1 @@
+export { WalletLinkConnector } from 'wagmi-private/connectors/walletLink';

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

@@ -53,7 +53,7 @@ export declare type Props = {
     webSocketProvider?: WebSocketProvider | ((config: {
         chainId?: number;
         connector?: Connector;
-    }) => WebSocketProvider);
+    }) => WebSocketProvider | undefined);
 };
 export declare const Provider: ({ autoConnect, children, connectors: connectors_, connectorStorageKey, provider: provider_, webSocketProvider: webSocketProvider_, }: React.PropsWithChildren<Props>) => React.FunctionComponentElement<React.ProviderProps<ContextValue | null>>;
 export declare const useContext: () => ContextValue;

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

@@ -3,7 +3,7 @@ export declare const useNetwork: () => readonly [{
     readonly data: {
         readonly chain: {
             id: number;
-            unsupported: boolean;
+            unsupported: boolean | undefined;
             name?: string | undefined;
             nativeCurrency?: {
                 name: string;

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

@@ -1,5 +1,5 @@
 export { Provider, useContext } from './context';
 export type { Props as ProviderProps } from './context';
 export { useAccount, useBalance, useBlockNumber, useConnect, useContract, useContractEvent, useContractRead, useContractWrite, useEnsAvatar, useEnsLookup, useEnsResolver, useFeeData, useNetwork, useProvider, useSignMessage, useToken, useTransaction, useWaitForTransaction, useWebSocketProvider, } from './hooks';
-export { Connector, InjectedConnector, WalletConnectConnector, WalletLinkConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, normalizeChainId, } from 'wagmi-private';
+export { Connector, InjectedConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, normalizeChainId, } from 'wagmi-private';
 export type { Chain, Data } from 'wagmi-private';

package/dist/wagmi.cjs.dev.js

@@ -773,7 +773,7 @@ var initialState$6 = {
   loading: false
 };
 var useNetwork = () => {
-  var _connector$chains;
+  var _data$chain, _data$chain2, _connector$chains;
 
   var {
     state: {
@@ -782,10 +782,10 @@ var useNetwork = () => {
     }
   } = useContext();
   var [state, setState] = React__namespace.useState(initialState$6);
-  var chainId = data === null || data === void 0 ? void 0 : data.chainId;
+  var chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id;
+  var unsupported = data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.unsupported;
   var activeChains = (_connector$chains = connector === null || connector === void 0 ? void 0 : connector.chains) !== null && _connector$chains !== void 0 ? _connector$chains : [];
   var activeChain = [...activeChains, ...wagmiPrivate.defaultChains, ...wagmiPrivate.defaultL2Chains].find(x => x.id === chainId);
-  var supported = activeChains.some(x => x.id === chainId);
   var switchNetwork = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (chainId) {
       if (!(connector !== null && connector !== void 0 && connector.switchChain)) return false;
@@ -824,7 +824,7 @@ var useNetwork = () => {
     data: {
       chain: chainId ? _objectSpread2(_objectSpread2({}, activeChain), {}, {
         id: chainId,
-        unsupported: !supported
+        unsupported
       }) : undefined,
       chains: activeChains
     },
@@ -908,19 +908,13 @@ var useContract = _ref2 => {
     contractInterface,
     signerOrProvider
   } = _ref2;
-  var contractRef = React__namespace.useRef(getContract({
-    addressOrName,
-    contractInterface,
-    signerOrProvider
-  }));
-  React__namespace.useEffect(() => {
-    contractRef.current = getContract({
+  return React__namespace.useMemo(() => {
+    return getContract({
       addressOrName,
       contractInterface,
       signerOrProvider
     });
   }, [addressOrName, contractInterface, signerOrProvider]);
-  return contractRef.current;
 };
 
 var useContractEvent = function useContractEvent(contractConfig, eventName, listener) {
@@ -1364,7 +1358,7 @@ var useWaitForTransaction = function useWaitForTransaction() {
 
 var Context = /*#__PURE__*/React__namespace.createContext(null);
 var Provider = _ref => {
-  var _state$data2, _state$data4, _state$data6;
+  var _state$data2, _state$data2$chain, _state$data4, _state$data4$chain, _state$data6, _state$data6$chain;
 
   var {
     autoConnect,
@@ -1379,32 +1373,32 @@ var Provider = _ref => {
     cacheBuster: 1
   });
   var connectors = React__namespace.useMemo(() => {
-    var _state$data;
+    var _state$data, _state$data$chain;
 
     if (typeof connectors_ !== 'function') return connectors_;
     return connectors_({
-      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.chainId
+      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : (_state$data$chain = _state$data.chain) === null || _state$data$chain === void 0 ? void 0 : _state$data$chain.id
     });
-  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.chainId]);
+  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : (_state$data2$chain = _state$data2.chain) === null || _state$data2$chain === void 0 ? void 0 : _state$data2$chain.id]);
   var provider = React__namespace.useMemo(() => {
-    var _state$data3;
+    var _state$data3, _state$data3$chain;
 
     if (typeof provider_ !== 'function') return provider_;
     return provider_({
-      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.chainId,
+      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : (_state$data3$chain = _state$data3.chain) === null || _state$data3$chain === void 0 ? void 0 : _state$data3$chain.id,
       connector: state.connector
     });
-  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : _state$data4.chainId, state.connector]);
+  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : (_state$data4$chain = _state$data4.chain) === null || _state$data4$chain === void 0 ? void 0 : _state$data4$chain.id, state.connector]);
   var webSocketProvider = React__namespace.useMemo(() => {
-    var _state$data5;
+    var _state$data5, _state$data5$chain;
 
     if (!webSocketProvider_) return undefined;
     if (typeof webSocketProvider_ !== 'function') return webSocketProvider_;
     return webSocketProvider_({
-      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : _state$data5.chainId,
+      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : (_state$data5$chain = _state$data5.chain) === null || _state$data5$chain === void 0 ? void 0 : _state$data5$chain.id,
       connector: state.connector
     });
-  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : _state$data6.chainId, state.connector]); // Attempt to connect on mount
+  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : (_state$data6$chain = _state$data6.chain) === null || _state$data6$chain === void 0 ? void 0 : _state$data6$chain.id, state.connector]); // Attempt to connect on mount
 
   /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -1500,14 +1494,6 @@ Object.defineProperty(exports, 'InjectedConnector', {
   enumerable: true,
   get: function () { return wagmiPrivate.InjectedConnector; }
 });
-Object.defineProperty(exports, 'WalletConnectConnector', {
-  enumerable: true,
-  get: function () { return wagmiPrivate.WalletConnectConnector; }
-});
-Object.defineProperty(exports, 'WalletLinkConnector', {
-  enumerable: true,
-  get: function () { return wagmiPrivate.WalletLinkConnector; }
-});
 Object.defineProperty(exports, 'chain', {
   enumerable: true,
   get: function () { return wagmiPrivate.chain; }

package/dist/wagmi.cjs.prod.js

@@ -773,7 +773,7 @@ var initialState$6 = {
   loading: false
 };
 var useNetwork = () => {
-  var _connector$chains;
+  var _data$chain, _data$chain2, _connector$chains;
 
   var {
     state: {
@@ -782,10 +782,10 @@ var useNetwork = () => {
     }
   } = useContext();
   var [state, setState] = React__namespace.useState(initialState$6);
-  var chainId = data === null || data === void 0 ? void 0 : data.chainId;
+  var chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id;
+  var unsupported = data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.unsupported;
   var activeChains = (_connector$chains = connector === null || connector === void 0 ? void 0 : connector.chains) !== null && _connector$chains !== void 0 ? _connector$chains : [];
   var activeChain = [...activeChains, ...wagmiPrivate.defaultChains, ...wagmiPrivate.defaultL2Chains].find(x => x.id === chainId);
-  var supported = activeChains.some(x => x.id === chainId);
   var switchNetwork = React__namespace.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (chainId) {
       if (!(connector !== null && connector !== void 0 && connector.switchChain)) return false;
@@ -824,7 +824,7 @@ var useNetwork = () => {
     data: {
       chain: chainId ? _objectSpread2(_objectSpread2({}, activeChain), {}, {
         id: chainId,
-        unsupported: !supported
+        unsupported
       }) : undefined,
       chains: activeChains
     },
@@ -908,19 +908,13 @@ var useContract = _ref2 => {
     contractInterface,
     signerOrProvider
   } = _ref2;
-  var contractRef = React__namespace.useRef(getContract({
-    addressOrName,
-    contractInterface,
-    signerOrProvider
-  }));
-  React__namespace.useEffect(() => {
-    contractRef.current = getContract({
+  return React__namespace.useMemo(() => {
+    return getContract({
       addressOrName,
       contractInterface,
       signerOrProvider
     });
   }, [addressOrName, contractInterface, signerOrProvider]);
-  return contractRef.current;
 };
 
 var useContractEvent = function useContractEvent(contractConfig, eventName, listener) {
@@ -1364,7 +1358,7 @@ var useWaitForTransaction = function useWaitForTransaction() {
 
 var Context = /*#__PURE__*/React__namespace.createContext(null);
 var Provider = _ref => {
-  var _state$data2, _state$data4, _state$data6;
+  var _state$data2, _state$data2$chain, _state$data4, _state$data4$chain, _state$data6, _state$data6$chain;
 
   var {
     autoConnect,
@@ -1379,32 +1373,32 @@ var Provider = _ref => {
     cacheBuster: 1
   });
   var connectors = React__namespace.useMemo(() => {
-    var _state$data;
+    var _state$data, _state$data$chain;
 
     if (typeof connectors_ !== 'function') return connectors_;
     return connectors_({
-      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.chainId
+      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : (_state$data$chain = _state$data.chain) === null || _state$data$chain === void 0 ? void 0 : _state$data$chain.id
     });
-  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.chainId]);
+  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : (_state$data2$chain = _state$data2.chain) === null || _state$data2$chain === void 0 ? void 0 : _state$data2$chain.id]);
   var provider = React__namespace.useMemo(() => {
-    var _state$data3;
+    var _state$data3, _state$data3$chain;
 
     if (typeof provider_ !== 'function') return provider_;
     return provider_({
-      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.chainId,
+      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : (_state$data3$chain = _state$data3.chain) === null || _state$data3$chain === void 0 ? void 0 : _state$data3$chain.id,
       connector: state.connector
     });
-  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : _state$data4.chainId, state.connector]);
+  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : (_state$data4$chain = _state$data4.chain) === null || _state$data4$chain === void 0 ? void 0 : _state$data4$chain.id, state.connector]);
   var webSocketProvider = React__namespace.useMemo(() => {
-    var _state$data5;
+    var _state$data5, _state$data5$chain;
 
     if (!webSocketProvider_) return undefined;
     if (typeof webSocketProvider_ !== 'function') return webSocketProvider_;
     return webSocketProvider_({
-      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : _state$data5.chainId,
+      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : (_state$data5$chain = _state$data5.chain) === null || _state$data5$chain === void 0 ? void 0 : _state$data5$chain.id,
       connector: state.connector
     });
-  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : _state$data6.chainId, state.connector]); // Attempt to connect on mount
+  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : (_state$data6$chain = _state$data6.chain) === null || _state$data6$chain === void 0 ? void 0 : _state$data6$chain.id, state.connector]); // Attempt to connect on mount
 
   /* eslint-disable react-hooks/exhaustive-deps */
 
@@ -1500,14 +1494,6 @@ Object.defineProperty(exports, 'InjectedConnector', {
   enumerable: true,
   get: function () { return wagmiPrivate.InjectedConnector; }
 });
-Object.defineProperty(exports, 'WalletConnectConnector', {
-  enumerable: true,
-  get: function () { return wagmiPrivate.WalletConnectConnector; }
-});
-Object.defineProperty(exports, 'WalletLinkConnector', {
-  enumerable: true,
-  get: function () { return wagmiPrivate.WalletLinkConnector; }
-});
 Object.defineProperty(exports, 'chain', {
   enumerable: true,
   get: function () { return wagmiPrivate.chain; }

package/dist/wagmi.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { getDefaultProvider } from '@ethersproject/providers';
 import { erc20ABI, defaultChains, defaultL2Chains, ConnectorNotFoundError, UserRejectedRequestError, InjectedConnector } from 'wagmi-private';
-export { Connector, InjectedConnector, WalletConnectConnector, WalletLinkConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, normalizeChainId } from 'wagmi-private';
+export { Connector, InjectedConnector, chain, defaultChains, defaultL2Chains, developmentChains, erc1155ABI, erc20ABI, erc721ABI, normalizeChainId } from 'wagmi-private';
 import { utils, ethers, Contract } from 'ethers';
 
 function _defineProperty(obj, key, value) {
@@ -750,7 +750,7 @@ var initialState$6 = {
   loading: false
 };
 var useNetwork = () => {
-  var _connector$chains;
+  var _data$chain, _data$chain2, _connector$chains;
 
   var {
     state: {
@@ -759,10 +759,10 @@ var useNetwork = () => {
     }
   } = useContext();
   var [state, setState] = React.useState(initialState$6);
-  var chainId = data === null || data === void 0 ? void 0 : data.chainId;
+  var chainId = data === null || data === void 0 ? void 0 : (_data$chain = data.chain) === null || _data$chain === void 0 ? void 0 : _data$chain.id;
+  var unsupported = data === null || data === void 0 ? void 0 : (_data$chain2 = data.chain) === null || _data$chain2 === void 0 ? void 0 : _data$chain2.unsupported;
   var activeChains = (_connector$chains = connector === null || connector === void 0 ? void 0 : connector.chains) !== null && _connector$chains !== void 0 ? _connector$chains : [];
   var activeChain = [...activeChains, ...defaultChains, ...defaultL2Chains].find(x => x.id === chainId);
-  var supported = activeChains.some(x => x.id === chainId);
   var switchNetwork = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* (chainId) {
       if (!(connector !== null && connector !== void 0 && connector.switchChain)) return false;
@@ -801,7 +801,7 @@ var useNetwork = () => {
     data: {
       chain: chainId ? _objectSpread2(_objectSpread2({}, activeChain), {}, {
         id: chainId,
-        unsupported: !supported
+        unsupported
       }) : undefined,
       chains: activeChains
     },
@@ -885,19 +885,13 @@ var useContract = _ref2 => {
     contractInterface,
     signerOrProvider
   } = _ref2;
-  var contractRef = React.useRef(getContract({
-    addressOrName,
-    contractInterface,
-    signerOrProvider
-  }));
-  React.useEffect(() => {
-    contractRef.current = getContract({
+  return React.useMemo(() => {
+    return getContract({
       addressOrName,
       contractInterface,
       signerOrProvider
     });
   }, [addressOrName, contractInterface, signerOrProvider]);
-  return contractRef.current;
 };
 
 var useContractEvent = function useContractEvent(contractConfig, eventName, listener) {
@@ -1341,7 +1335,7 @@ var useWaitForTransaction = function useWaitForTransaction() {
 
 var Context = /*#__PURE__*/React.createContext(null);
 var Provider = _ref => {
-  var _state$data2, _state$data4, _state$data6;
+  var _state$data2, _state$data2$chain, _state$data4, _state$data4$chain, _state$data6, _state$data6$chain;
 
   var {
     autoConnect,
@@ -1356,32 +1350,32 @@ var Provider = _ref => {
     cacheBuster: 1
   });
   var connectors = React.useMemo(() => {
-    var _state$data;
+    var _state$data, _state$data$chain;
 
     if (typeof connectors_ !== 'function') return connectors_;
     return connectors_({
-      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.chainId
+      chainId: (_state$data = state.data) === null || _state$data === void 0 ? void 0 : (_state$data$chain = _state$data.chain) === null || _state$data$chain === void 0 ? void 0 : _state$data$chain.id
     });
-  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.chainId]);
+  }, [connectors_, (_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : (_state$data2$chain = _state$data2.chain) === null || _state$data2$chain === void 0 ? void 0 : _state$data2$chain.id]);
   var provider = React.useMemo(() => {
-    var _state$data3;
+    var _state$data3, _state$data3$chain;
 
     if (typeof provider_ !== 'function') return provider_;
     return provider_({
-      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.chainId,
+      chainId: (_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : (_state$data3$chain = _state$data3.chain) === null || _state$data3$chain === void 0 ? void 0 : _state$data3$chain.id,
       connector: state.connector
     });
-  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : _state$data4.chainId, state.connector]);
+  }, [provider_, (_state$data4 = state.data) === null || _state$data4 === void 0 ? void 0 : (_state$data4$chain = _state$data4.chain) === null || _state$data4$chain === void 0 ? void 0 : _state$data4$chain.id, state.connector]);
   var webSocketProvider = React.useMemo(() => {
-    var _state$data5;
+    var _state$data5, _state$data5$chain;
 
     if (!webSocketProvider_) return undefined;
     if (typeof webSocketProvider_ !== 'function') return webSocketProvider_;
     return webSocketProvider_({
-      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : _state$data5.chainId,
+      chainId: (_state$data5 = state.data) === null || _state$data5 === void 0 ? void 0 : (_state$data5$chain = _state$data5.chain) === null || _state$data5$chain === void 0 ? void 0 : _state$data5$chain.id,
       connector: state.connector
     });
-  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : _state$data6.chainId, state.connector]); // Attempt to connect on mount
+  }, [webSocketProvider_, (_state$data6 = state.data) === null || _state$data6 === void 0 ? void 0 : (_state$data6$chain = _state$data6.chain) === null || _state$data6$chain === void 0 ? void 0 : _state$data6$chain.id, state.connector]); // Attempt to connect on mount
 
   /* eslint-disable react-hooks/exhaustive-deps */
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "wagmi",
   "description": "React Hooks library for Ethereum",
   "license": "MIT",
-  "version": "0.0.17",
+  "version": "0.1.3",
   "ethereum": "awkweb.eth",
   "repository": "tmm/wagmi",
   "homepage": "https://wagmi-xyz.vercel.app",
@@ -14,14 +14,30 @@
     ".": {
       "module": "./dist/wagmi.esm.js",
       "default": "./dist/wagmi.cjs.js"
+    },
+    "./connectors/injected": {
+      "main": "./connectors/injected/dist/wagmi-connectors-injected.cjs.js",
+      "module": "./connectors/injected/dist/wagmi-connectors-injected.esm.js"
+    },
+    "./connectors/walletConnect": {
+      "main": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.cjs.js",
+      "module": "./connectors/walletConnect/dist/wagmi-connectors-walletConnect.esm.js"
+    },
+    "./connectors/walletLink": {
+      "main": "./connectors/walletLink/dist/wagmi-connectors-walletLink.cjs.js",
+      "module": "./connectors/walletLink/dist/wagmi-connectors-walletLink.esm.js"
     }
   },
   "files": [
-    "/dist"
+    "/dist",
+    "/connectors"
   ],
   "preconstruct": {
     "entrypoints": [
-      "index.ts"
+      "index.ts",
+      "connectors/injected.ts",
+      "connectors/walletConnect.ts",
+      "connectors/walletLink.ts"
     ]
   },
   "peerDependencies": {
@@ -31,7 +47,7 @@
   "dependencies": {
     "@walletconnect/ethereum-provider": "^1.6.6",
     "@ethersproject/providers": "^5.5.1",
-    "wagmi-private": "0.0.17",
+    "wagmi-private": "0.1.2",
     "walletlink": "^2.2.8"
   },
   "devDependencies": {
@@ -41,7 +57,7 @@
     "ethers": "^5.5.1",
     "react": "^17.0.0",
     "walletlink": "^2.2.8",
-    "wagmi-testing": "0.0.17"
+    "wagmi-testing": "0.1.2"
   },
-  "readme": "<p>\n  <a aria-label=\"NPM version\" href=\"https://www.npmjs.com/package/wagmi\">\n    <img\n      alt=\"\"\n      src=\"https://img.shields.io/npm/v/wagmi.svg?style=for-the-badge&labelColor=161c22\"\n    />\n  </a>\n  <a aria-label=\"License\" href=\"/LICENSE\">\n    <img\n      alt=\"\"\n      src=\"https://img.shields.io/npm/l/wagmi.svg?style=for-the-badge&labelColor=161c22\"\n    />\n  </a>\n</p>\n\n# wagmi\n\n**React Hooks library for Ethereum, built on [ethers.js](https://github.com/ethers-io/ethers.js).**\n\n🚀 &nbsp; 20+ hooks for working with wallets, ENS, contracts, transactions, signing, etc.\n\n💼 &nbsp; Built-in wallet connectors for MetaMask, WalletConnect, and Coinbase Wallet\n\n🌀 &nbsp; Auto-refresh data on wallet and network changes\n\n🦄 &nbsp; TypeScript ready\n\n💨 &nbsp; Zero-dependencies (besides ethers.js peer dependency)\n\n🌳 &nbsp; Test suite and documentation\n\n📖 &nbsp; MIT License\n\n## Documentation\n\nVisit https://wagmi-xyz.vercel.app to view the full documentation.\n\n## Usage\n\n1. Install the dependencies.\n\n```bash\npnpm add wagmi ethers\n```\n\n2. Wrap your app with the `Provider` component.\n\n```tsx\nimport { Provider } from 'wagmi'\n\nconst App = () => (\n  <Provider>\n    <YourRoutes />\n  </Provider>\n)\n```\n\n3. Use hooks.\n\n```tsx\nimport { useAccount } from 'wagmi'\n\nconst Page = () => {\n  const [{ data, error, loading }, disconnect] = useAccount({\n    fetchEns: true,\n  })\n\n  return ...\n}\n```\n\nEvery component inside the `Provider` is set up with the default `InjectedConnector` for connecting wallets and ethers.js [Default Provider](https://docs.ethers.io/v5/api/providers/#providers-getDefaultProvider) for fetching data.\n\nWant to learn more? Check out the [guides](https://wagmi-xyz.vercel.app/guides/connect-wallet) or browse the [API docs](https://wagmi-xyz.vercel.app/docs/provider).\n\n## Thanks\n\n- [ricmoo.eth](https://twitter.com/ricmoo) for creating and continued work on [ethers.js](https://github.com/ethers-io/ethers.js)\n- [Mirror](https://mirror.xyz) for creating space to do good work\n\n## License\n\nMIT.\n\n<br />\n\nwagmi\n"
+  "readme": "<p>\n  <a aria-label=\"NPM version\" href=\"https://www.npmjs.com/package/wagmi\">\n    <img\n      alt=\"\"\n      src=\"https://img.shields.io/npm/v/wagmi.svg?style=for-the-badge&labelColor=161c22\"\n    />\n  </a>\n  <a aria-label=\"License\" href=\"/LICENSE\">\n    <img\n      alt=\"\"\n      src=\"https://img.shields.io/npm/l/wagmi.svg?style=for-the-badge&labelColor=161c22\"\n    />\n  </a>\n  <a aria-label=\"Sponsors\" href=\"https://github.com/sponsors/tmm\">\n    <img\n      alt=\"\"\n      src=\"https://img.shields.io/github/sponsors/tmm.svg?style=for-the-badge&labelColor=161c22\"\n    />\n  </a>\n</p>\n\n# wagmi\n\n**React Hooks library for Ethereum, built on [ethers.js](https://github.com/ethers-io/ethers.js).**\n\n🚀 &nbsp; 20+ hooks for working with wallets, ENS, contracts, transactions, signing, etc.\n\n💼 &nbsp; Built-in wallet connectors for MetaMask, WalletConnect, and Coinbase Wallet\n\n🌀 &nbsp; Auto-refresh data on wallet and network changes\n\n🦄 &nbsp; TypeScript ready\n\n💨 &nbsp; Zero-dependencies (besides ethers.js peer dependency)\n\n🌳 &nbsp; Test suite and documentation\n\n📖 &nbsp; MIT License\n\n## Documentation\n\nVisit https://wagmi-xyz.vercel.app to view the full documentation.\n\n## Usage\n\n1. Install the dependencies.\n\n```bash\npnpm add wagmi ethers\n```\n\n2. Wrap your app with the `Provider` component.\n\n```tsx\nimport { Provider } from 'wagmi'\n\nconst App = () => (\n  <Provider>\n    <YourRoutes />\n  </Provider>\n)\n```\n\n3. Use hooks.\n\n```tsx\nimport { useAccount } from 'wagmi'\n\nconst Page = () => {\n  const [{ data, error, loading }, disconnect] = useAccount({\n    fetchEns: true,\n  })\n\n  return ...\n}\n```\n\nEvery component inside the `Provider` is set up with the default `InjectedConnector` for connecting wallets and ethers.js [Default Provider](https://docs.ethers.io/v5/api/providers/#providers-getDefaultProvider) for fetching data.\n\nWant to learn more? Check out the [guides](https://wagmi-xyz.vercel.app/guides/connect-wallet) or browse the [API docs](https://wagmi-xyz.vercel.app/docs/provider).\n\n## Community\n\nFeel free to join the [discussions on GitHub](https://github.com/tmm/wagmi/discussions) or reach out [on Twitter](https://twitter.com/awkweb)!\n\n## Support\n\n- awkweb.eth\n- [GitHub Sponsors](https://github.com/sponsors/tmm)\n- Sign the [guestbook](https://github.com/tmm/wagmi/discussions/2)\n\n## Thanks\n\n- [ricmoo.eth](https://twitter.com/ricmoo) for creating and continued work on [ethers.js](https://github.com/ethers-io/ethers.js)\n- [Mirror](https://mirror.xyz) for creating space to do good work\n\n## License\n\nMIT.\n\n<br />\n\nwagmi\n"
 }