chore: bump ethers and regenerate lockfile (#1666)

* bump ethers

* regenerate lockfile

* update code style

* Fix code style issues with ESLint

* remove unused useRef
Co-authored-by: Lint Action <lint-action@samuelmeuli.com>

package.json

@@ -5,7 +5,7 @@
   "private": true,
   "devDependencies": {
     "@emotion/core": "^11.0.0",
-    "@ethersproject/experimental": "^5.0.1",
+    "@ethersproject/experimental": "^5.2.0",
     "@metamask/jazzicon": "^2.0.0",
     "@popperjs/core": "^2.4.4",
     "@reach/dialog": "^0.10.3",
@@ -69,7 +69,7 @@
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.19.0",
     "eslint-plugin-react-hooks": "^4.0.0",
-    "ethers": "^5.0.7",
+    "ethers": "^5.2.0",
     "i18next": "^15.0.9",
     "i18next-browser-languagedetector": "^3.0.1",
     "i18next-xhr-backend": "^2.0.1",

src/hooks/useAddTokenToMetamask.ts

@@ -5,7 +5,10 @@ import { useActiveWeb3React } from 'hooks/web3'
 
 export default function useAddTokenToMetamask(
   currencyToAdd: Currency | undefined
-): { addToken: () => void; success: boolean | undefined } {
+): {
+  addToken: () => void
+  success: boolean | undefined
+} {
   const { library } = useActiveWeb3React()
 
   const token: Token | undefined = currencyToAdd?.wrapped

src/hooks/useENS.ts

@@ -8,7 +8,11 @@ import useENSName from './useENSName'
  */
 export default function useENS(
   nameOrAddress?: string | null
-): { loading: boolean; address: string | null; name: string | null } {
+): {
+  loading: boolean
+  address: string | null
+  name: string | null
+} {
   const validated = isAddress(nameOrAddress)
   const reverseLookup = useENSName(validated ? validated : undefined)
   const lookup = useENSAddress(nameOrAddress)

src/state/mint/hooks.ts

-import { useCallback, useMemo, useRef } from 'react'
+import { useCallback, useMemo } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { AppDispatch, AppState } from '../index'
 import { Field, typeInput } from './actions'
@@ -18,9 +18,7 @@ export function useMintState(): AppState['mint'] {
   return useSelector<AppState, AppState['mint']>((state) => state.mint)
 }
 
-export function useMintActionHandlers(
-  noLiquidity: boolean | undefined
-): {
+export function useMintActionHandlers(noLiquidity: boolean | undefined): {
   onFieldAInput: (typedValue: string) => void
   onFieldBInput: (typedValue: string) => void
 } {

src/state/transactions/hooks.tsx

@@ -88,7 +88,10 @@ export function useHasPendingApproval(tokenAddress: string | undefined, spender:
 // return null if not done loading, return undefined if not found
 export function useUserHasSubmittedClaim(
   account?: string
-): { claimSubmitted: boolean; claimTxn: TransactionDetails | undefined } {
+): {
+  claimSubmitted: boolean
+  claimTxn: TransactionDetails | undefined
+} {
   const allTransactions = useAllTransactions()
 
   // get the txn if it has been submitted

src/state/wallet/hooks.ts

@@ -17,7 +17,9 @@ import { Erc20Interface } from 'abis/types/Erc20'
  */
 export function useETHBalances(
   uncheckedAddresses?: (string | undefined)[]
-): { [address: string]: CurrencyAmount<Currency> | undefined } {
+): {
+  [address: string]: CurrencyAmount<Currency> | undefined
+} {
   const { chainId } = useActiveWeb3React()
   const multicallContract = useMulticall2Contract()
 

src/utils/getLibrary.ts

-import { Web3Provider, Network } from '@ethersproject/providers'
-
-class WorkaroundWeb3Provider extends Web3Provider {
-  private _detectNetworkResult: Promise<Network> | null = null
-
-  async detectNetwork(): Promise<Network> {
-    return this._detectNetworkResult ?? (this._detectNetworkResult = this._uncachedDetectNetwork())
-  }
-}
+import { Web3Provider } from '@ethersproject/providers'
 
 export default function getLibrary(provider: any): Web3Provider {
-  const library = new WorkaroundWeb3Provider(
+  const library = new Web3Provider(
     provider,
     typeof provider.chainId === 'number'
       ? provider.chainId