fix: Use RHF isValidating instead of setting own state

src/components/common/AddressInput/index.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react'
-import { useEffect, useCallback, useRef, useMemo, useState } from 'react'
+import { useEffect, useCallback, useRef, useMemo } from 'react'
 import {
   InputAdornment,
   TextField,
@@ -47,15 +47,14 @@ const AddressInput = ({
     register,
     setValue,
     control,
-    formState: { errors },
+    formState: { errors, isValidating },
     trigger,
   } = useFormContext()
 
   const currentChain = useCurrentChain()
   const rawValueRef = useRef<string>('')
   const watchedValue = useWatch({ name, control })
   const currentShortName = currentChain?.shortName || ''
-  const [isValidating, setIsValidating] = useState<boolean>(false)
 
   // Fetch an ENS resolution for the current address
   const isDomainLookupEnabled = !!currentChain && hasFeature(currentChain, FEATURES.DOMAIN_LOOKUP)
@@ -154,17 +153,11 @@ const AddressInput = ({
             return parsePrefixedAddress(cleanValue).address
           },
 
-          validate: async (inputValue) => {
+          validate: async () => {
             const value = rawValueRef.current
 
-            // Validation unmounts QR code otherwise
-            if (inputValue === value) return
-
             if (value) {
-              setIsValidating(true)
-              const result = validatePrefixed(value) || (await validate?.(parsePrefixedAddress(value).address))
-              setIsValidating(false)
-              return result
+              return validatePrefixed(value) || (await validate?.(parsePrefixedAddress(value).address))
             }
           },