fix country modal show

components/Layout.tsx

@@ -231,12 +231,11 @@ const RestrictedCountryCheck = () => {
     NON_RESTRICTED_JURISDICTION_KEY,
     false,
   )
-  const [showModal, setShowModal] = useState(false)
 
-  useEffect(() => {
+  console.log(loadingIpCountry)
-    if (!confirmedCountry && !ipCountry && !loadingIpCountry) {
+
-      setShowModal(true)
+  const showModal = useMemo(() => {
-    }
+    return !confirmedCountry && !ipCountry && !loadingIpCountry
   }, [confirmedCountry, ipCountry, loadingIpCountry])
 
   return showModal ? (

hooks/useIpAddress.ts

@@ -66,17 +66,16 @@ export default function useIpAddress() {
   const [showWarning, setShowWarning] = useState(false)
   const [ipCountry, setIpCountry] = useState('')
 
-  const {
+  const { data: ipCountryCode, isInitialLoading } = useQuery<string, Error>(
-    data: ipCountryCode,
+    ['ip-address'],
-    isInitialLoading,
+    () => fetchIpGeolocation(),
-    isFetching,
+    {
-    isLoading,
-  } = useQuery<string, Error>(['ip-address'], () => fetchIpGeolocation(), {
       cacheTime: 1000 * 60 * 2,
       staleTime: 1000 * 60 * 2,
       retry: 3,
       refetchOnWindowFocus: true,
-  })
+    },
+  )
 
   useEffect(() => {
     if (ipCountryCode) {
@@ -90,8 +89,6 @@ export default function useIpAddress() {
     }
   }, [ipCountryCode])
 
-  const loadingIpCountry = isInitialLoading || isFetching || isLoading
-
   if (CLUSTER === 'mainnet-beta' && !process.env.NEXT_PUBLIC_DISABLE_GEOBLOCK) {
     return {
       ipAllowed,
@@ -101,7 +98,7 @@ export default function useIpAddress() {
       borrowLendAllowed,
       showWarning,
       ipCountry,
-      loadingIpCountry,
+      loadingIpCountry: isInitialLoading,
     }
   } else {
     return {
@@ -112,7 +109,7 @@ export default function useIpAddress() {
       borrowLendAllowed: true,
       showWarning: true,
       ipCountry,
-      loadingIpCountry,
+      loadingIpCountry: isInitialLoading,
     }
   }
 }