fix: infinite loop in Nip05 component from unstable ref callback

Author: v0l

packages/app/src/Components/User/Nip05.tsx

@@ -39,17 +39,22 @@ export default function Nip05({ nip05, pubkey, forceVerified, showBadges, classN
   const isSpecialDomain =
     domain?.toLowerCase() === "snort.social" || domain?.toLowerCase() === CONFIG.nip05Domain.toLowerCase()
 
+  const setRefs = useCallback(
+    (el: HTMLSpanElement | null) => {
+      spanRef.current = el
+      inViewRef(el)
+    },
+    [inViewRef],
+  )
+
   return (
     <span
       className={classNames(
         "inline-flex items-center text-neutral-400 font-normal",
         { "opacity-50": !isVerified },
         className,
       )}
-      ref={el => {
-        spanRef.current = el
-        inViewRef(el)
-      }}
+      ref={setRefs}
       title={error?.message}
     >
       {!isDefaultUser && <span className="nick">{`${name}@`}</span>}