Merge pull request #273 from lidofinance/deps-update

Update dependencies

Author: alx-khramov

.eslintrc.base.json

@@ -9,7 +9,7 @@
   "parserOptions": {
     "sourceType": "module"
   },
-  "plugins": ["@typescript-eslint", "react"],
+  "plugins": ["@typescript-eslint", "react", "react-hooks"],
   "rules": {
     "@typescript-eslint/require-await": "off",
     "react/display-name": "off",

.yarn/releases/yarn-3.6.3.cjs

@@ -1,11 +1,11 @@
-nodeLinker: node-modules
+cacheFolder: .yarn/cache
 
-yarnPath: .yarn/releases/yarn-3.6.3.cjs
+nodeLinker: node-modules
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
+    spec: "@yarnpkg/plugin-workspace-tools"
   - path: .yarn/plugins/@yarnpkg/plugin-echo-execute.cjs
-    spec: 'https://yarnplugins.com/echo-execute'
+    spec: "https://yarnplugins.com/echo-execute"
 
-cacheFolder: .yarn/cache
+yarnPath: .yarn/releases/yarn-3.8.7.cjs

.yarn/releases/yarn-3.8.7.cjs

@@ -12,4 +12,13 @@ module.exports = {
     'import/no-unresolved': 'off',
     'react-hooks/exhaustive-deps': 'error',
   },
+  // This tells ESLint not to apply the TypeScript type checking to cjs files
+  overrides: [
+    {
+      files: ['*.cjs', '.eslintrc.cjs'],
+      parserOptions: {
+        project: null,
+      },
+    },
+  ],
 };

.yarnrc.yml

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { useAccount } from 'wagmi';
+import { useConnection } from 'wagmi';
 import { ThemeToggler } from '@lidofinance/lido-ui';
 
 import WalletButton from 'components/layout/header/walletButton';
@@ -11,7 +11,7 @@ import { getChainColor } from 'utils/getChainColor';
 import { HeaderWalletChainStyle } from './headerWalletStyles';
 
 const HeaderWallet: FC = () => {
-  const { chain, chainId, isConnected } = useAccount();
+  const { chain, chainId, isConnected } = useConnection();
 
   return (
     <>

apps/demo-react/.eslintrc.cjs

@@ -3,12 +3,12 @@ import {
   getUnsupportedChainError,
 } from 'reef-knot/core-react';
 import { helpers, useSupportedChains, useWeb3 } from 'reef-knot/web3-react';
-import { useAccount, useConfig } from 'wagmi';
+import { useConnection, useConfig } from 'wagmi';
 
 export const useErrorMessage = (): string | undefined => {
   const { error } = useWeb3();
   const { chains } = useConfig();
-  const { isConnected } = useAccount();
+  const { isConnected } = useConnection();
   const { isUnsupported } = useSupportedChains();
   const { isLedger } = useConnectorInfo();
 

apps/demo-react/components/layout/header/headerWallet.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { useAccount } from 'wagmi';
-import { useCapabilities } from 'wagmi/experimental';
+import { useConnection, useCapabilities } from 'wagmi';
 import { Close } from '@lidofinance/lido-ui';
 import { useWeb3, useSupportedChains } from 'reef-knot/web3-react';
 import { useConnectorInfo } from 'reef-knot/core-react';
@@ -39,7 +38,7 @@ export const WalletInfoContent = ({
     isConnected: wagmiIsConnected,
     connector,
     chain,
-  } = useAccount();
+  } = useConnection();
 
   return (
     <div>

apps/demo-react/components/wallet-fallback/useErrorMessage.ts

@@ -1,3 +1,4 @@
+import { FC, useCallback } from 'react';
 import {
   Address,
   ButtonIcon,
@@ -9,10 +10,17 @@ import {
   Select,
   Option,
 } from '@lidofinance/lido-ui';
+import {
+  usePublicClient,
+  useConnection,
+  useChainId,
+  useChains,
+  useSwitchChain,
+  useConnections
+} from 'wagmi';
 
 import { useForceDisconnect, useConnectorInfo } from 'reef-knot/core-react';
 import { useCopyToClipboard } from 'hooks/useCopyToClipboard';
-import { FC, useCallback } from 'react';
 import {
   WalletModalContentStyle,
   WalletModalConnectedStyle,
@@ -22,18 +30,14 @@ import {
   WalletModalAddressStyle,
   WalletModalActionsStyle,
 } from './walletModalStyles';
-import { usePublicClient } from 'wagmi';
-import { useAccount } from 'wagmi';
-import { useChainId } from 'wagmi';
-import { useSwitchChain } from 'wagmi';
-import { useConnections } from 'wagmi';
 
 const WalletModal: FC<ModalProps> = (props) => {
   const { onClose } = props;
   const chainId = useChainId();
   const [connection] = useConnections();
-  const { chains, switchChain } = useSwitchChain();
-  const { address } = useAccount();
+  const chains = useChains();
+  const { mutate: switchChain } = useSwitchChain();
+  const { address } = useConnection();
   const client = usePublicClient();
   const { connectorName } = useConnectorInfo();
   const { forceDisconnect } = useForceDisconnect();

apps/demo-react/components/wallet-info/wallet-info-content.tsx

@@ -1,11 +1,11 @@
 import useSWR from 'swr';
-import { useAccount } from 'wagmi';
+import { useConnection } from 'wagmi';
 
 import { useLidoSDK } from 'providers/sdk';
 
 export const useETHBalance = () => {
   const { core } = useLidoSDK();
-  const { address: account, isConnected, chain } = useAccount();
+  const { address: account, isConnected, chain } = useConnection();
 
   return useSWR(
     ['swr:eth_balance', chain?.id],