fix: recover profile and avatar loading

src/app/components/room-avatar/RoomAvatar.tsx

@@ -1,6 +1,6 @@
 import { JoinRule } from '$types/matrix-sdk';
 import { AvatarFallback, Icon, Icons, color } from 'folds';
-import { ComponentProps, ReactNode, forwardRef, useState } from 'react';
+import { ComponentProps, ReactNode, forwardRef, useEffect, useState } from 'react';
 import { getRoomIconSrc } from '$utils/room';
 import colorMXID from '$utils/colorMXID';
 import * as css from './RoomAvatar.css';
@@ -17,6 +17,10 @@ type RoomAvatarProps = {
 export function RoomAvatar({ roomId, src, alt, renderFallback, uniformIcons }: RoomAvatarProps) {
   const [error, setError] = useState(false);
 
+  useEffect(() => {
+    setError(false);
+  }, [src]);
+
   if (!src || error) {
     return (
       <AvatarFallback

src/app/components/user-avatar/UserAvatar.tsx

@@ -1,5 +1,5 @@
 import { AvatarFallback, AvatarImage, color } from 'folds';
-import { ReactEventHandler, ReactNode, useState } from 'react';
+import { ReactEventHandler, ReactNode, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import colorMXID from '$utils/colorMXID';
 import * as css from './UserAvatar.css';
@@ -14,6 +14,10 @@ type UserAvatarProps = {
 export function UserAvatar({ className, userId, src, alt, renderFallback }: UserAvatarProps) {
   const [error, setError] = useState(false);
 
+  useEffect(() => {
+    setError(false);
+  }, [src]);
+
   const handleLoad: ReactEventHandler<HTMLImageElement> = (evt) => {
     evt.currentTarget.setAttribute('data-image-loaded', 'true');
   };

src/app/hooks/useUserProfile.ts

@@ -32,6 +32,7 @@ export type UserProfile = {
 };
 
 const normalizeInfo = (info: any): UserProfile => {
+  const msc4440Bio = info['gay.fomx.biography'] as MSC4440Bio | undefined;
   const knownKeys = new Set([
     'avatar_url',
     'displayname',
@@ -61,7 +62,7 @@ const normalizeInfo = (info: any): UserProfile => {
     pronouns: info['io.fsky.nyx.pronouns'],
     timezone: info['us.cloke.msc4175.tz'] || info['m.tz'],
     bio:
-      (info['gay.fomx.biography'] satisfies MSC4440Bio)['m.text'][0].body ||
+      msc4440Bio?.['m.text']?.[0]?.body ||
       info['moe.sable.app.bio'] ||
       info['chat.commet.profile_bio'],
     status: info['chat.commet.profile_status'],
@@ -103,7 +104,10 @@ export const useUserProfile = (
   const cached = useAtomValue(userSelector);
   const setGlobalProfiles = useSetAtom(profilesCacheAtom);
 
-  const needsFetch = !!userId && userId !== 'undefined' && !cached?._fetched;
+  const hasOnlyFetchedMarker =
+    cached?._fetched === true && Object.keys(cached ?? {}).every((key) => key === '_fetched');
+  const needsFetch =
+    !!userId && userId !== 'undefined' && (!cached?._fetched || hasOnlyFetchedMarker);
 
   useEffect(() => {
     if (!needsFetch) return undefined;