fix: log the error message instead of [object Object] (#6773)

* fix: log the error message instead of [object Object]

add tina's rec

pr review

zzmp input

* pr feedback

src/hooks/usePermitAllowance.ts

@@ -8,7 +8,7 @@ import { useContract } from 'hooks/useContract'
 import { useSingleCallResult } from 'lib/hooks/multicall'
 import ms from 'ms.macro'
 import { useCallback, useEffect, useMemo, useState } from 'react'
-import { UserRejectedRequestError } from 'utils/errors'
+import { toReadableError, UserRejectedRequestError } from 'utils/errors'
 import { didUserReject } from 'utils/swapErrorToUserReadableMessage'
 
 const PERMIT_EXPIRATION = ms`30d`
@@ -86,7 +86,7 @@ export function useUpdatePermitAllowance(
       if (didUserReject(e)) {
         throw new UserRejectedRequestError(`${symbol} permit allowance failed: User rejected signature`)
       }
-      throw new Error(`${symbol} permit allowance failed: ${e instanceof Error ? e.message : e}`)
+      throw toReadableError(`${symbol} permit allowance failed:`, e)
     }
   }, [account, chainId, nonce, onPermitSignature, provider, spender, token])
 }

src/utils/errors.ts

@@ -6,3 +6,11 @@ export class UserRejectedRequestError extends Error {
     this.name = 'UserRejectedRequestError'
   }
 }
+
+export function toReadableError(errorText: string, error: unknown) {
+  if (typeof error === 'object' && error !== null) {
+    const e = error as Error & { reason?: string }
+    return new Error(`${errorText} 👺 ${e.message ?? e.reason ?? 'unknown'}`)
+  }
+  return new Error(`${errorText} 👺 ${error}`)
+}