feat(widget): suppress console errors

packages/widget/src/index.tsx

@@ -11,6 +11,7 @@ import * as BRIDGEABLE from '@/constants/bridgeable'
 import { CHAINS_ARRAY } from '@/constants/chains'
 import { BackgroundListenerProvider } from '@/providers/BackgroundListenerProvider'
 import { useBridgeSelectionData } from '@/hooks/useBridgeSelectionData'
+import { suppressSynapseConsoleErrors } from '@/utils/suppressSynapseConsoleErrors'
 
 export const Bridge = ({
   web3Provider,
@@ -20,11 +21,16 @@ export const Bridge = ({
   targetChainIds,
   targetTokens,
   protocolName,
+  hideConsoleErrors,
 }: BridgeProps) => {
   if (!web3Provider) {
     return null
   }
 
+  if (hideConsoleErrors) {
+    suppressSynapseConsoleErrors()
+  }
+
   return (
     <Web3Provider config={web3Provider}>
       <SynapseProvider chains={CHAINS_ARRAY} customRpcs={customRpcs}>

packages/widget/src/types/index.d.ts

@@ -68,6 +68,9 @@ export interface BridgeProps {
 
   /* Custom name prop for consumer protocol */
   protocolName?: string
+
+  /* Supress Consumer browser console errors */
+  hideConsoleErrors?: boolean
 }
 
 export interface Chain {

packages/widget/src/utils/suppressSynapseConsoleErrors.ts

@@ -0,0 +1,27 @@
+enum SynapseErrorPrefix {
+  SDK = 'SynapseSDK',
+  WIDGET = 'Synapse Widget',
+}
+
+export const suppressSynapseConsoleErrors = () => {
+  console.log('Supressing Synapse console errors.')
+
+  // Store the original console.error function
+  const originalConsoleError = console.error
+
+  // Redefine console.error to filter out specific messages
+  console.error = (...args) => {
+    const message = args.join(' ')
+
+    // Suppress Synapse console.error messages
+    if (
+      message.includes(SynapseErrorPrefix.SDK) ||
+      message.includes(SynapseErrorPrefix.WIDGET)
+    ) {
+      return
+    }
+
+    // Call the original console.error for other messages
+    originalConsoleError(...args)
+  }
+}