chore: fix supported network check for Sepolia (#3581)

cowprotocol · Jan 8, 2024 · 6428f65 · 6428f65
1 parent e1f9054
commit 6428f65
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/apps/cowswap-frontend/src/common/hooks/useIsProviderNetworkUnsupported.ts b/apps/cowswap-frontend/src/common/hooks/useIsProviderNetworkUnsupported.ts
@@ -1,3 +1,5 @@
+import { useMemo } from 'react'
+
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 import { useWeb3React } from '@web3-react/core'
 
@@ -7,9 +9,13 @@ export function useIsProviderNetworkUnsupported(): boolean {
   const { chainId } = useWeb3React()
   const { isSepoliaEnabled } = useFeatureFlags()
 
-  if (chainId === SupportedChainId.SEPOLIA && !isSepoliaEnabled) {
-    return true
-  }
+  return useMemo(() => {
+    if (!chainId) return false
+
+    if (chainId === SupportedChainId.SEPOLIA) {
+      return !isSepoliaEnabled
+    }
 
-  return !!chainId && !(chainId in SupportedChainId)
+    return !(chainId in SupportedChainId)
+  }, [chainId, isSepoliaEnabled])
 }
diff --git a/apps/cowswap-frontend/src/cow-react/index.tsx b/apps/cowswap-frontend/src/cow-react/index.tsx
@@ -61,9 +61,9 @@ function Main() {
               <Web3Provider>
                 <ThemeProvider>
                   <ThemedGlobalStyle />
-                  <WalletUnsupportedNetworkBanner />
                   <BlockNumberProvider>
                     <WithLDProvider>
+                      <WalletUnsupportedNetworkBanner />
                       <Updaters />
 
                       {!isInjectedWidgetMode && (