Swallow any errors when opportunistically looking up token names

.changelog/2163.internal.md

@@ -0,0 +1 @@
+Swallow any errors when opportunistically looking up token names

src/app/hooks/useAccountMetadata.ts

@@ -36,6 +36,7 @@ export const useAccountMetadata = (scope: SearchScope, address: string): Account
     // The type cast is OK because whenever we are on consensus, we will set enabled to false
     enabled: !registryData?.metadata && scope.layer !== 'consensus',
     useCaching: true,
+    swallowError: true,
   })
   const tokenData: AccountMetadataInfo = {
     metadata: token ? { address: token.contract_addr, name: token.name, source: 'SelfProfessed' } : undefined,

src/app/pages/TokenDashboardPage/hook.ts

@@ -20,16 +20,18 @@ interface UseTokenInfoParams {
   /** Defaults to true */
   enabled?: boolean
   useCaching?: boolean
+  swallowError?: boolean
 }
 
 export const useTokenInfo = (scope: RuntimeScope, address: string, params: UseTokenInfoParams = {}) => {
   const { network, layer } = scope
-  const { enabled, useCaching } = params
+  const { enabled, useCaching, swallowError = false } = params
   const query = useGetRuntimeEvmTokensAddress(network, layer, address, {
     query: {
       enabled,
       staleTime: useCaching ? 3600000 : undefined,
     },
+    request: swallowError ? ({ swallowError } as any) : undefined,
   })
   const token = query.data?.data
   const { isLoading, isError, isFetched } = query

src/index.tsx

@@ -12,7 +12,21 @@ import './locales/i18n'
 import { LocalSettingsContextProvider } from './app/providers/LocalSettingsProvider'
 import { AdaptiveTrimmerContextProvider } from './app/components/AdaptiveTrimmerContext/AdaptiveTrimmerProvider'
 
+const customLogger = {
+  log: console.log.bind(console),
+  warn: console.warn.bind(console),
+  error: (error: any) => {
+    // Suppress error messages when swallowError is set
+    if (typeof error === 'object' && error?.config.swallowError) return
+    // We don't need the warning about custom logger feature being deprecated.
+    // When we migrate to the next major version of react-query, we can simply drop this
+    if (typeof error === 'string' && error.startsWith('Passing a custom logger has been deprecated')) return
+    console.error(error) // Log any other errors
+  },
+}
+
 const queryClient = new QueryClient({
+  logger: customLogger, // This can be dropped when support is removed
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: false,