fix: make WrongChainError more specific (#7175)

* fix: setTraceError in swap callback

* fix: move error class to util file

src/hooks/useUniversalRouter.ts

@@ -12,7 +12,7 @@ import { useCallback } from 'react'
 import { ClassicTrade, TradeFillType } from 'state/routing/types'
 import { trace } from 'tracing/trace'
 import { calculateGasMargin } from 'utils/calculateGasMargin'
-import { UserRejectedRequestError } from 'utils/errors'
+import { UserRejectedRequestError, WrongChainError } from 'utils/errors'
 import isZero from 'utils/isZero'
 import { didUserReject, swapErrorToUserReadableMessage } from 'utils/swapErrorToUserReadableMessage'
 
@@ -61,7 +61,7 @@ export function useUniversalRouterSwapCallback(
         if (!provider) throw new Error('missing provider')
         if (!trade) throw new Error('missing trade')
         const connectedChainId = await provider.getSigner().getChainId()
-        if (chainId !== connectedChainId) throw new Error('signer chainId does not match')
+        if (chainId !== connectedChainId) throw new WrongChainError()
 
         setTraceData('slippageTolerance', options.slippageTolerance.toFixed(2))
         const { calldata: data, value } = SwapRouter.swapERC20CallParameters(trade, {

src/utils/errors.ts

 // You may throw an instance of this class when the user rejects a request in their wallet.
+
+import { t } from '@lingui/macro'
+
 // The benefit is that you can distinguish this error from other errors using didUserReject().
 export class UserRejectedRequestError extends Error {
   constructor(message: string) {
@@ -14,3 +17,9 @@ export function toReadableError(errorText: string, error: unknown) {
   }
   return new Error(`${errorText} 👺 ${error}`)
 }
+
+export class WrongChainError extends Error {
+  constructor() {
+    super(t`Your wallet is connected to the wrong network.`)
+  }
+}