diff --git a/packages/app/src/Element/User/Avatar.tsx b/packages/app/src/Element/User/Avatar.tsx
index 015b3520..5f1f3fad 100644
--- a/packages/app/src/Element/User/Avatar.tsx
+++ b/packages/app/src/Element/User/Avatar.tsx
@@ -1,6 +1,6 @@
 import "./Avatar.css";
 
-import { ReactNode, useEffect, useState } from "react";
+import {ReactNode, useMemo} from "react";
 import type { UserMetadata } from "@snort/system";
 import classNames from "classnames";
 
@@ -31,10 +31,8 @@ const Avatar = ({
   className,
   showTitle = true,
 }: AvatarProps) => {
-  const [url, setUrl] = useState("");
-
-  useEffect(() => {
-    setUrl(image ?? user?.picture ?? defaultAvatar(pubkey));
+  const url = useMemo(() => {
+    return image ?? user?.picture ?? defaultAvatar(pubkey);
   }, [user, image, pubkey]);
 
   const s = size ?? 120;