@xylabs/sdk-react 2.12.4 → 2.12.7

package/dist/esm/components/Errors/ErrorsViewer.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReplayIcon from '@mui/icons-material/Replay';
 import { IconButton } from '@mui/material';
-import { AiOutlineReload } from 'react-icons/ai';
 import { FlexGrowCol } from '../FlexBox';
 import { ErrorViewer } from './ErrorViewer';
 const ErrorsViewer = (props) => {
     const { onRetry, errors, ...boxProps } = props;
     return (_jsxs(FlexGrowCol, { padding: 1, ...boxProps, children: [errors?.map((error, index) => {
                 return _jsx(ErrorViewer, { error: error }, index);
-            }), onRetry ? (_jsx(IconButton, { onClick: onRetry, children: _jsx(AiOutlineReload, {}) })) : null] }));
+            }), onRetry ? (_jsx(IconButton, { onClick: onRetry, children: _jsx(ReplayIcon, {}) })) : null] }));
 };
 export { ErrorsViewer };
 //# sourceMappingURL=ErrorsViewer.js.map

package/dist/esm/components/Errors/ErrorsViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorsViewer.js","sourceRoot":"","sources":["../../../../src/components/Errors/ErrorsViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC9C,OAAO,CACL,MAAC,WAAW,IAAC,OAAO,EAAE,CAAC,KAAM,QAAQ,aAClC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAI,CAAA;YAClD,CAAC,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAC1B,KAAC,eAAe,KAAG,GACR,CACd,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"ErrorsViewer.js","sourceRoot":"","sources":["../../../../src/components/Errors/ErrorsViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC9C,OAAO,CACL,MAAC,WAAW,IAAC,OAAO,EAAE,CAAC,KAAM,QAAQ,aAClC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAI,CAAA;YAClD,CAAC,CAAC,EACD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAC1B,KAAC,UAAU,KAAG,GACH,CACd,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/QuickTipButton/QuickTipButton.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material';
-declare const QuickTipButton: React.FC<IconButtonProps>;
-export { QuickTipButton };
+export interface QuickTipButtonProps extends IconButtonProps {
+    fontSize?: 'small' | 'medium' | 'large' | 'inherit';
+}
+export declare const QuickTipButton: React.FC<QuickTipButtonProps>;

package/dist/esm/components/QuickTipButton/QuickTipButton.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
 import { IconButton } from '@mui/material';
 import { useState } from 'react';
-import { AiOutlineQuestionCircle } from 'react-icons/ai';
 import { MessageDialog } from '../dialogs';
-const QuickTipButton = ({ title, children, ...props }) => {
+export const QuickTipButton = ({ fontSize = 'inherit', title, children, ...props }) => {
     const [messageOpen, setMessageOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: () => setMessageOpen(true), size: "small", ...props, children: _jsx(AiOutlineQuestionCircle, { size: 16 }) }), _jsx(MessageDialog, { onOk: () => setMessageOpen(false), onCancel: () => setMessageOpen(false), onClose: () => setMessageOpen(false), open: messageOpen, title: title ?? '', children: children })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { onClick: () => setMessageOpen(true), size: "small", ...props, children: _jsx(HelpOutlineIcon, { fontSize: fontSize }) }), _jsx(MessageDialog, { onOk: () => setMessageOpen(false), onCancel: () => setMessageOpen(false), onClose: () => setMessageOpen(false), open: messageOpen, title: title ?? '', children: children })] }));
 };
-export { QuickTipButton };
 //# sourceMappingURL=QuickTipButton.js.map

package/dist/esm/components/QuickTipButton/QuickTipButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickTipButton.js","sourceRoot":"","sources":["../../../../src/components/QuickTipButton/QuickTipButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,MAAM,cAAc,GAA8B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,OAAO,KAAK,KAAK,YACrE,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,EACb,KAAC,aAAa,IAAC,IAAI,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,YACjK,QAAQ,GACK,IACf,CACJ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"QuickTipButton.js","sourceRoot":"","sources":["../../../../src/components/QuickTipButton/QuickTipButton.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM1C,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,OAAO,KAAK,KAAK,YACrE,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,GAC5B,EACb,KAAC,aAAa,IAAC,IAAI,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,YACjK,QAAQ,GACK,IACf,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/QuickTipButton/index.d.ts

@@ -1,2 +1 @@
-import { QuickTipButton } from './QuickTipButton';
-export { QuickTipButton };
+export * from './QuickTipButton';

package/dist/esm/components/QuickTipButton/index.js

@@ -1,3 +1,2 @@
-import { QuickTipButton } from './QuickTipButton';
-export { QuickTipButton };
+export * from './QuickTipButton';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/QuickTipButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/QuickTipButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/QuickTipButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/esm/contexts/Ethers/MetaMask.js

@@ -7,24 +7,30 @@ import { EthersContext } from './Context';
 import { infuraKey } from './Infura';
 export const MetaMaskEthersLoader = (props) => {
     const { children, enabled = true } = props;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const ethereum = global.ethereum;
+    const ethereum = window.ethereum;
     const [error, setError] = useState();
     const [localAddress, setLocalAddress] = useState();
     const [resetCount, setResetCount] = useState(0);
     const [providerName, setProviderName] = useState();
-    if (ethereum) {
-        ethereum.autoRefreshOnNetworkChange = false;
-    }
     const connect = async () => {
-        await global.ethereum?.enable();
-        return localAddress ? [localAddress.toString()] : [];
+        const accounts = await walletProvider?.send('eth_requestAccounts', []);
+        // We could have multiple accounts. Check for one.
+        if (accounts.length !== 0) {
+            setLocalAddress(accounts[0]);
+            console.log('Connected: ', accounts[0]);
+        }
+        else {
+            console.log('No authorized account found.');
+        }
+        return accounts;
     };
     const [isConnected, setIsConnected] = useState();
+    const [walletProvider, setWalletProvider] = useState();
+    const [provider, setProvider] = useState();
+    const [signer, setSigner] = useState();
     useEffect(() => {
-        if (ethereum && enabled) {
-            ethereum.on('accountsChanged', (accounts) => {
+        if (provider && enabled) {
+            provider.on('accountsChanged', (accounts) => {
                 console.log(`accountsChanged: ${JSON.stringify(accounts)}`);
                 setResetCount(resetCount + 1);
                 if (accounts.length > 0) {
@@ -34,7 +40,7 @@ export const MetaMaskEthersLoader = (props) => {
                     setLocalAddress(undefined);
                 }
             });
-            ethereum.on('chainChanged', (chainId) => {
+            provider.on('chainChanged', (chainId) => {
                 setResetCount(resetCount + 1);
                 if (chainId) {
                     setChainId(parseInt(chainId));
@@ -44,13 +50,10 @@ export const MetaMaskEthersLoader = (props) => {
                 }
             });
         }
-    }, [ethereum, resetCount, enabled]);
-    const [walletProvider, setWalletProvider] = useState();
-    const [provider, setProvider] = useState();
-    const [signer, setSigner] = useState();
+    }, [provider, resetCount, enabled]);
     useEffect(() => {
         if (enabled) {
-            const walletProvider = ethereum ? new Web3Provider(ethereum) : null;
+            const walletProvider = ethereum ? new Web3Provider(window.ethereum) : null;
             let provider = null;
             let providerName = null;
             if (walletProvider) {

package/dist/esm/contexts/Ethers/MetaMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MetaMask.js","sourceRoot":"","sources":["../../../../src/contexts/Ethers/MetaMask.tsx"],"names":[],"mappings":"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"}

package/dist/esm/nodeIndex.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './lib';

package/dist/esm/nodeIndex.js

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './lib';
+//# sourceMappingURL=nodeIndex.js.map

package/dist/esm/nodeIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeIndex.js","sourceRoot":"","sources":["../../src/nodeIndex.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/package.json

@@ -11,11 +11,12 @@
   "dependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@ethersproject/abstract-signer": "^5.6.0",
-    "@ethersproject/providers": "^5.6.5",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/material": "^5.6.4",
-    "@mui/styles": "^5.6.2",
+    "@ethersproject/abstract-signer": "^5.6.1",
+    "@ethersproject/providers": "^5.6.7",
+    "@metamask/providers": "^8.1.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/material": "^5.8.1",
+    "@mui/styles": "^5.8.0",
     "@xylabs/pixel": "^1.3.7",
     "@xylabs/sdk-js": "^2.5.5",
     "axios": "^0.27.2",
@@ -24,49 +25,48 @@
     "numeral": "^2.0.6",
     "query-string": "^7.1.1",
     "react-helmet": "^6.1.0",
-    "react-icons": "^4.3.1",
     "react-router-dom": "^6.3.0"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.17.10",
-    "@babel/preset-env": "^7.17.10",
-    "@storybook/addon-actions": "^6.4.22",
-    "@storybook/addon-docs": "^6.4.22",
-    "@storybook/addon-essentials": "^6.4.22",
-    "@storybook/addon-interactions": "^6.4.22",
-    "@storybook/addon-links": "^6.4.22",
-    "@storybook/addons": "^6.4.22",
-    "@storybook/api": "^6.4.22",
-    "@storybook/builder-webpack5": "^6.4.22",
-    "@storybook/components": "^6.4.22",
-    "@storybook/core-events": "^6.4.22",
-    "@storybook/manager-webpack5": "^6.4.22",
-    "@storybook/react": "^6.4.22",
+    "@babel/core": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@storybook/addon-actions": "^6.5.4",
+    "@storybook/addon-docs": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-interactions": "^6.5.4",
+    "@storybook/addon-links": "^6.5.4",
+    "@storybook/addons": "^6.5.4",
+    "@storybook/api": "^6.5.4",
+    "@storybook/builder-webpack5": "^6.5.4",
+    "@storybook/components": "^6.5.4",
+    "@storybook/core-events": "^6.5.4",
+    "@storybook/manager-webpack5": "^6.5.4",
+    "@storybook/react": "^6.5.4",
     "@storybook/testing-library": "^0.0.11",
-    "@storybook/theming": "^6.4.22",
+    "@storybook/theming": "^6.5.4",
     "@types/lodash": "^4.14.182",
     "@types/md5": "^2.3.2",
     "@types/numeral": "^2.0.2",
-    "@types/react": "^18.0.8",
-    "@types/react-dom": "^18.0.3",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.5",
     "@types/react-helmet": "^6.1.5",
     "@xylabs/eslint-config-react": "^2.1.5",
     "@xylabs/rollup-config": "^1.1.17",
-    "@xylabs/ts-scripts": "^1.0.65",
+    "@xylabs/ts-scripts": "^1.0.66",
     "@xylabs/tsconfig": "^1.0.13",
     "copyfiles": "^2.4.1",
     "depcheck": "^1.4.3",
-    "eslint": "^8.14.0",
+    "eslint": "^8.16.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.72.0",
+    "rollup": "^2.74.1",
     "storybook-dark-mode": "^1.1.0",
-    "ts-node": "^10.7.0",
+    "ts-node": "^10.8.0",
     "typedoc": "^0.22.15",
     "typescript": "^4.6.4",
-    "webpack": "^5.72.0"
+    "webpack": "^5.72.1"
   },
   "peerDependencies": {
     "react": "*",
@@ -81,8 +81,8 @@
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": "./dist/esm/nodeIndex.js",
+        "require": "./dist/cjs/nodeIndex.js"
       },
       "browser": {
         "import": "./dist/esm/index.js",
@@ -95,7 +95,7 @@
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
+  "main": "dist/cjs/nodeIndex.js",
   "module": "dist/esm/index.js",
   "homepage": "https://xylabs.com",
   "keywords": [
@@ -126,6 +126,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.12.4",
+  "version": "2.12.7",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/Errors/ErrorsViewer.tsx

@@ -1,6 +1,6 @@
+import ReplayIcon from '@mui/icons-material/Replay'
 import { IconButton } from '@mui/material'
 import React from 'react'
-import { AiOutlineReload } from 'react-icons/ai'
 
 import { FlexGrowCol } from '../FlexBox'
 import { ErrorsViewerProps } from './ErrorsViewerProps'
@@ -15,7 +15,7 @@ const ErrorsViewer: React.FC<ErrorsViewerProps> = (props) => {
       })}
       {onRetry ? (
         <IconButton onClick={onRetry}>
-          <AiOutlineReload />
+          <ReplayIcon />
         </IconButton>
       ) : null}
     </FlexGrowCol>

package/src/components/QuickTipButton/QuickTipButton.stories.tsx

@@ -1,6 +1,7 @@
 import { Typography } from '@mui/material'
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 
+import { FlexRow } from '../FlexBox'
 import { QuickTipButton } from './QuickTipButton'
 
 const StorybookEntry = {
@@ -14,7 +15,11 @@ const StorybookEntry = {
   title: 'Components/QuickTipButton',
 } as ComponentMeta<typeof QuickTipButton>
 
-const Template: ComponentStory<typeof QuickTipButton> = (args) => <QuickTipButton {...args}></QuickTipButton>
+const Template: ComponentStory<typeof QuickTipButton> = (args) => (
+  <FlexRow>
+    <QuickTipButton {...args}></QuickTipButton>
+  </FlexRow>
+)
 
 const Default = Template.bind({})
 Default.args = {

package/src/components/QuickTipButton/QuickTipButton.tsx

@@ -1,16 +1,20 @@
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import { IconButton, IconButtonProps } from '@mui/material'
 import { useState } from 'react'
-import { AiOutlineQuestionCircle } from 'react-icons/ai'
 
 import { MessageDialog } from '../dialogs'
 
-const QuickTipButton: React.FC<IconButtonProps> = ({ title, children, ...props }) => {
+export interface QuickTipButtonProps extends IconButtonProps {
+  fontSize?: 'small' | 'medium' | 'large' | 'inherit'
+}
+
+export const QuickTipButton: React.FC<QuickTipButtonProps> = ({ fontSize = 'inherit', title, children, ...props }) => {
   const [messageOpen, setMessageOpen] = useState(false)
 
   return (
     <>
       <IconButton onClick={() => setMessageOpen(true)} size="small" {...props}>
-        <AiOutlineQuestionCircle size={16} />
+        <HelpOutlineIcon fontSize={fontSize} />
       </IconButton>
       <MessageDialog onOk={() => setMessageOpen(false)} onCancel={() => setMessageOpen(false)} onClose={() => setMessageOpen(false)} open={messageOpen} title={title ?? ''}>
         {children}
@@ -18,5 +22,3 @@ const QuickTipButton: React.FC<IconButtonProps> = ({ title, children, ...props }
     </>
   )
 }
-
-export { QuickTipButton }

package/src/components/QuickTipButton/index.ts

@@ -1,3 +1 @@
-import { QuickTipButton } from './QuickTipButton'
-
-export { QuickTipButton }
+export * from './QuickTipButton'

package/src/contexts/Ethers/MetaMask.tsx

@@ -1,4 +1,5 @@
 import { InfuraProvider, JsonRpcSigner, Provider, Web3Provider } from '@ethersproject/providers'
+import { MetaMaskInpageProvider } from '@metamask/providers'
 import { EthAddress } from '@xylabs/sdk-js'
 import React, { PropsWithChildren, useEffect, useState } from 'react'
 
@@ -12,28 +13,34 @@ interface Props {
 
 export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props) => {
   const { children, enabled = true } = props
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const global = window as any
-  const ethereum = global.ethereum
+
+  const ethereum = window.ethereum as MetaMaskInpageProvider
   const [error, setError] = useState<Error>()
   const [localAddress, setLocalAddress] = useState<EthAddress>()
   const [resetCount, setResetCount] = useState(0)
   const [providerName, setProviderName] = useState<string>()
 
-  if (ethereum) {
-    ethereum.autoRefreshOnNetworkChange = false
-  }
-
   const connect = async () => {
-    await global.ethereum?.enable()
-    return localAddress ? [localAddress.toString()] : []
+    const accounts = await walletProvider?.send('eth_requestAccounts', [])
+    // We could have multiple accounts. Check for one.
+    if (accounts.length !== 0) {
+      setLocalAddress(accounts[0])
+      console.log('Connected: ', accounts[0])
+    } else {
+      console.log('No authorized account found.')
+    }
+    return accounts
   }
 
   const [isConnected, setIsConnected] = useState<boolean>()
 
+  const [walletProvider, setWalletProvider] = useState<Web3Provider | null>()
+  const [provider, setProvider] = useState<Provider>()
+  const [signer, setSigner] = useState<JsonRpcSigner | null>()
+
   useEffect(() => {
-    if (ethereum && enabled) {
-      ethereum.on('accountsChanged', (accounts: string[]) => {
+    if (provider && enabled) {
+      provider.on('accountsChanged', (accounts: string[]) => {
         console.log(`accountsChanged: ${JSON.stringify(accounts)}`)
         setResetCount(resetCount + 1)
         if (accounts.length > 0) {
@@ -42,7 +49,7 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
           setLocalAddress(undefined)
         }
       })
-      ethereum.on('chainChanged', (chainId: string) => {
+      provider.on('chainChanged', (chainId: string) => {
         setResetCount(resetCount + 1)
         if (chainId) {
           setChainId(parseInt(chainId))
@@ -51,15 +58,11 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
         }
       })
     }
-  }, [ethereum, resetCount, enabled])
-
-  const [walletProvider, setWalletProvider] = useState<Web3Provider | null>()
-  const [provider, setProvider] = useState<Provider>()
-  const [signer, setSigner] = useState<JsonRpcSigner | null>()
+  }, [provider, resetCount, enabled])
 
   useEffect(() => {
     if (enabled) {
-      const walletProvider = ethereum ? new Web3Provider(ethereum) : null
+      const walletProvider = ethereum ? new Web3Provider(window.ethereum) : null
       let provider = null
       let providerName = null
       if (walletProvider) {

package/src/contexts/Ethers/global.d.ts

@@ -0,0 +1,8 @@
+import { BaseProvider } from '@metamask/providers'
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ethereum: BaseProvider
+  }
+}

package/src/nodeIndex.ts

@@ -0,0 +1,2 @@
+export * from './hooks'
+export * from './lib'