fix: export AddEthereumChainParameter (#275)

* fix: export AddEthereumChainParameter

* fix: do not callback on auto switch

* fix: missing comma

* fix: better logic

src/hooks/useSwitchChain.ts

@@ -8,6 +8,8 @@ import { atom } from 'jotai'
 import { useAtomValue } from 'jotai/utils'
 import { useCallback } from 'react'
 
+import useConnectors from './web3/useConnectors'
+
 /** Defined by EIP-3085. */
 export interface AddEthereumChainParameter {
   chainId: string
@@ -56,6 +58,7 @@ async function switchChain(
 
 export default function useSwitchChain(): (chainId: SupportedChainId) => Promise<void> {
   const { connector, provider } = useWeb3React()
+  const connectors = useConnectors()
   const urlMap = useJsonRpcUrlsMap()
   const onSwitchChain = useAtomValue(onSwitchChainAtom)
   return useCallback(
@@ -69,9 +72,14 @@ export default function useSwitchChain(): (chainId: SupportedChainId) => Promise
         rpcUrls: urlMap[chainId],
       }
       try {
-        // If the integrator implements onSwitchChain, use that instead.
-        const switching = onSwitchChain?.(addChainParameter)
-        if (switching) return switching
+        // The network connector does not implement EIP--3326.
+        if (connector === connectors.network) return await connector.activate(chainId)
+
+        // The user connector may require custom logic: try onSwitchChain if it is available.
+        if (connector === connectors.user) {
+          const switching = onSwitchChain?.(addChainParameter)
+          if (switching) return switching
+        }
 
         try {
           // A custom Connector may use a customProvider, in which case it should handle its own chain switching.
@@ -91,6 +99,6 @@ export default function useSwitchChain(): (chainId: SupportedChainId) => Promise
         throw new Error(`Failed to switch network: ${error}`)
       }
     },
-    [connector, onSwitchChain, provider, urlMap]
+    [connector, connectors.network, connectors.user, onSwitchChain, provider, urlMap]
   )
 }

src/hooks/useSyncWidgetEventHandlers.ts

@@ -4,7 +4,7 @@ import { useUpdateAtom } from 'jotai/utils'
 import { useEffect } from 'react'
 import { OnConnectWalletClick, onConnectWalletClickAtom } from 'state/wallet'
 export type { OnError } from 'components/Error/ErrorBoundary'
-export type { OnSwitchChain } from 'hooks/useSwitchChain'
+export type { AddEthereumChainParameter, OnSwitchChain } from 'hooks/useSwitchChain'
 export type { OnConnectWalletClick } from 'state/wallet'
 
 export interface WidgetEventHandlers {

src/index.tsx

@@ -19,6 +19,7 @@ export type { FeeOptions } from 'hooks/swap/useSyncConvenienceFee'
 export type { DefaultAddress, TokenDefaults } from 'hooks/swap/useSyncTokenDefaults'
 export type { OnTxFail, OnTxSubmit, OnTxSuccess, TransactionEventHandlers } from 'hooks/transactions'
 export type {
+  AddEthereumChainParameter,
   OnConnectWalletClick,
   OnError,
   OnSwitchChain,