@xylabs/sdk-react 2.10.2 → 2.10.3

package/package.json

@@ -9,27 +9,30 @@
     "url": "https://github.com/xylabs/sdk-react/issues"
   },
   "dependencies": {
-    "@types/react-helmet": "^6.1.5",
-    "@xylabs/sdk-js": "^2.4.2",
-    "axios": "^0.26.0",
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "@ethersproject/abstract-signer": "^5.6.0",
+    "@ethersproject/providers": "^5.6.1",
+    "@mui/icons-material": "^5.5.1",
+    "@mui/material": "^5.5.2",
+    "@mui/styles": "^5.5.1",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.4.3",
+    "axios": "^0.26.1",
     "bn.js": "^5.2.0",
     "lodash": "^4.17.21",
     "md5": "^2.3.0",
     "numeral": "^2.0.6",
     "query-string": "^7.1.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
-    "react-icons": "^4.3.1"
+    "react-icons": "^4.3.1",
+    "react-router-dom": "^6.2.2"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.17.5",
-    "@emotion/react": "^11.8.1",
-    "@emotion/styled": "^11.8.1",
-    "@ethersproject/abstract-signer": "^5.5.0",
-    "@ethersproject/providers": "^5.5.3",
-    "@mui/icons-material": "^5.4.4",
-    "@mui/material": "^5.4.4",
-    "@mui/styles": "^5.4.4",
+    "@babel/core": "^7.17.8",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-replace": "^4.0.0",
@@ -43,35 +46,32 @@
     "@storybook/core-events": "^6.4.19",
     "@storybook/react": "^6.4.19",
     "@types/bn.js": "^5.1.0",
-    "@types/lodash": "^4.14.179",
+    "@types/lodash": "^4.14.180",
     "@types/md5": "^2.3.2",
-    "@types/node": "^17.0.21",
+    "@types/node": "^17.0.22",
     "@types/numeral": "^2.0.2",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@xylabs/eslint-config-react": "^2.1.2",
-    "@xylabs/pixel": "^1.3.7",
-    "@xylabs/rollup-config": "^1.1.7",
-    "@xylabs/ts-scripts": "^1.0.44",
+    "@types/react": "^17.0.41",
+    "@types/react-dom": "^17.0.14",
+    "@types/react-helmet": "^6.1.5",
+    "@xylabs/eslint-config-react": "^2.1.3",
+    "@xylabs/rollup-config": "^1.1.10",
+    "@xylabs/ts-scripts": "^1.0.48",
     "@xylabs/tsconfig": "^1.0.12",
-    "babel-loader": "^8.2.3",
+    "babel-loader": "^8.2.4",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.10.0",
+    "eslint": "^8.11.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.2",
+    "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "prettier": "^2.5.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.2.1",
+    "prettier": "^2.6.0",
     "rimraf": "^3.0.2",
-    "rollbar": "^2.24.0",
-    "rollup": "^2.68.0",
+    "rollbar": "^2.24.1",
+    "rollup": "^2.70.1",
     "rollup-plugin-svg": "^2.0.0",
-    "ts-node": "^10.5.0",
+    "ts-node": "^10.7.0",
     "tslib": "^2.3.1",
-    "typescript": "^4.5.5",
-    "webpack": "^5.69.1"
+    "typescript": "^4.6.2",
+    "webpack": "^5.70.0"
   },
   "esm5": "dist/esm5/index.js",
   "exports": {
@@ -95,20 +95,6 @@
   "main": "dist/node/index.js",
   "module": "dist/index.js",
   "name": "@xylabs/sdk-react",
-  "peerDependencies": {
-    "@emotion/react": "^11",
-    "@emotion/styled": "^11",
-    "@ethersproject/abstract-signer": "^5",
-    "@ethersproject/providers": "^5",
-    "@mui/icons-material": "^5",
-    "@mui/material": "^5",
-    "@mui/styles": "^5",
-    "@xylabs/pixel": "^1",
-    "@xylabs/sdk-js": "^2",
-    "react": "^17",
-    "react-dom": "^17",
-    "react-router-dom": "^6"
-  },
   "publishConfig": {
     "access": "public"
   },
@@ -123,11 +109,8 @@
     "start": "start-storybook -p 6006",
     "test": "env TS_NODE_PROJECT=\"tsconfig.test.json\" mocha -r ts-node/register 'src/**/*.spec.ts'"
   },
-  "resolutions": {
-    "eslint-plugin-react": "7.28.0"
-  },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "packageManager": "yarn@3.1.1"
 }

package/src/contexts/Ethers/MetaMask.tsx

@@ -84,6 +84,7 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
   }, [ethereum, isConnected, enabled])
 
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (isMounted) => {
       if (signer && enabled) {
         try {
@@ -107,6 +108,7 @@ export const MetaMaskEthersLoader: React.FC<PropsWithChildren<Props>> = (props)
 
   const [chainId, setChainId] = useState<number>()
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (isMounted) => {
       if (enabled) {
         const chainId = (await provider?.getNetwork())?.chainId

package/src/contexts/Ethers/MyEtherWallet.tsx

@@ -57,6 +57,7 @@ export const MyEtherWalletEthersLoader: React.FC<PropsWithChildren<Props>> = (pr
   }, [ethereum, isConnected])
 
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (isMounted) => {
       if (signer) {
         try {
@@ -79,6 +80,7 @@ export const MyEtherWalletEthersLoader: React.FC<PropsWithChildren<Props>> = (pr
 
   const [chainId, setChainId] = useState<number>()
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (isMounted) => {
       const chainId = (await provider?.getNetwork())?.chainId
       if (!isMounted()) return

package/src/contexts/Ethers/Opera.tsx

@@ -25,6 +25,7 @@ export const OperaEthersLoader: React.FC<PropsWithChildren<Props>> = (props) =>
   const isConnected = ethereum?.isConnected() ?? false
 
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (ethereum) {
         ethereum.enable()

package/src/contexts/Ethers/Trust.tsx

@@ -24,6 +24,7 @@ export const TrustEthersLoader: React.FC<PropsWithChildren<Props>> = (props) =>
   const provider = trustProvider
 
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (signer) {
         try {

package/src/hooks/useWebP.tsx

@@ -7,6 +7,7 @@ let supportsWebP: boolean | undefined = undefined
 export const useWebP = (webp: string, alt: string) => {
   const [img, setImg] = useState<string>()
   useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     async (mounted) => {
       if (supportsWebP === undefined) {
         supportsWebP = await getSupportsWebP()
@@ -15,7 +16,7 @@ export const useWebP = (webp: string, alt: string) => {
         setImg(supportsWebP ? webp : alt)
       }
     },
-    [supportsWebP]
+    [alt, webp]
   )
   return img
 }