fix: normalize throws an error for disallowed characters (#1866)

* fix: normalize throws error * chore: tweak changeset * chore: tweak changeset * chore: return undefined if normalize fails * chore: small changeset tweak --------- Co-authored-by: Magomed Khamidov <[email protected]> Co-authored-by: Daniel Sinclair <[email protected]>
rainbow-me · Mar 20, 2024 · 985b80b · 985b80b
1 parent c837995
commit 985b80b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/.changeset/fair-pandas-dance.md b/.changeset/fair-pandas-dance.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Resolved an issue where ENS resolution would fail and throw an error for ENS names with disallowed characters.
diff --git a/packages/rainbowkit/src/hooks/useMainnetEnsAvatar.ts b/packages/rainbowkit/src/hooks/useMainnetEnsAvatar.ts
@@ -6,9 +6,17 @@ import { useIsMainnetConfigured } from './useIsMainnetConfigured';
 export function useMainnetEnsAvatar(name: GetEnsNameReturnType | undefined) {
   const mainnetConfigured = useIsMainnetConfigured();
 
+  const safeNormalize = (ensName: string) => {
+    try {
+      return normalize(ensName);
+    } catch {
+      /* ignore */
+    }
+  };
+
   const { data: ensAvatar } = useEnsAvatar({
     chainId: mainnet.id,
-    name: name ? normalize(name) : undefined,
+    name: name ? safeNormalize(name) : undefined,
     query: {
       enabled: mainnetConfigured,
     },