fix ens name typing bug (#378)

* fix ens typing error handling

src/components/AddressInputPanel/index.js

@@ -93,9 +93,8 @@ export default function AddressInputPanel({ title, initialInput = '', onChange =
     let stale = false
 
     if (isAddress(debouncedInput)) {
-      library
-        .lookupAddress(debouncedInput)
-        .then(name => {
+      try {
+        library.lookupAddress(debouncedInput).then(name => {
           if (!stale) {
             // if an ENS name exists, set it as the destination
             if (name) {
@@ -106,15 +105,14 @@ export default function AddressInputPanel({ title, initialInput = '', onChange =
             }
           }
         })
-        .catch(() => {
+      } catch {
         setData({ address: debouncedInput, name: '' })
         setError(null)
-        })
+      }
     } else {
       if (debouncedInput !== '') {
-        library
-          .resolveName(debouncedInput)
-          .then(address => {
+        try {
+          library.resolveName(debouncedInput).then(address => {
             if (!stale) {
               // if the debounced input name resolves to an address
               if (address) {
@@ -125,9 +123,9 @@ export default function AddressInputPanel({ title, initialInput = '', onChange =
               }
             }
           })
-          .catch(() => {
+        } catch {
           setError(true)
-          })
+        }
       }
     }
 

src/hooks/index.js

@@ -58,9 +58,8 @@ export function useENSName(address) {
   useEffect(() => {
     if (isAddress(address)) {
       let stale = false
-      library
-        .lookupAddress(address)
-        .then(name => {
+      try {
+        library.lookupAddress(address).then(name => {
           if (!stale) {
             if (name) {
               setENSNname(name)
@@ -69,11 +68,11 @@ export function useENSName(address) {
             }
           }
         })
-        .catch(() => {
+      } catch {
         if (!stale) {
           setENSNname(null)
         }
-        })
+      }
 
       return () => {
         stale = true