Fix: Verification Modal not working

src/components/Profile/views/IdentityVerification.view.tsx

@@ -108,18 +108,24 @@ const IdentityVerificationView = () => {
         }
     }, [showUserDetailsForm])
 
+    // Bridge country object for all bridge supported countries
+    const bridgeCountryObject = useMemo(
+        () => ({ title: 'Bridge', id: 'bridge', type: 'bridge', description: '', path: 'bridge' }),
+        []
+    )
+
     // Memoized country lookup from URL param
     const selectedCountryParams = useMemo(() => {
         if (countryParam) {
             const country = countryData.find((country) => country.id.toUpperCase() === countryParam.toUpperCase())
             if (country) {
                 return country
             } else {
-                return { title: 'Bridge', id: 'bridge', type: 'bridge', description: '', path: 'bridge' }
+                return bridgeCountryObject
             }
         }
         return null
-    }, [countryParam])
+    }, [countryParam, bridgeCountryObject])
 
     // Skip country selection if coming from a supported bridge country
     useEffect(() => {

src/hooks/useIdentityVerification.tsx

@@ -249,15 +249,15 @@ export const useIdentityVerification = () => {
         ]
     }, [])
 
-    const isBridgeSupportedCountry = (code: string) => {
+    const isBridgeSupportedCountry = useCallback((code: string) => {
         const upper = code.toUpperCase()
         return (
             upper === 'US' ||
             upper === 'MX' ||
             Object.keys(BRIDGE_ALPHA3_TO_ALPHA2).includes(upper) ||
             Object.values(BRIDGE_ALPHA3_TO_ALPHA2).includes(upper)
         )
-    }
+    }, [])
 
     return {
         lockedRegions,