fix: Update Avatar when src is changed

null2264 · Oct 21, 2023 · 2148c63 · 2148c63
1 parent 3b54fbe
commit 2148c63
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/soapbox/components/ui/avatar/avatar.tsx b/src/soapbox/components/ui/avatar/avatar.tsx
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { useState } from 'react';
+import React, { useLayoutEffect, useState } from 'react';
 
 import StillImage, { IStillImage } from 'soapbox/components/still-image';
 
@@ -21,6 +21,10 @@ const Avatar = (props: IAvatar) => {
 
   const handleLoadFailure = () => setIsAvatarMissing(true);
 
+  useLayoutEffect(() => {
+    setIsAvatarMissing(!src);
+  }, [src]);
+
   const style: React.CSSProperties = React.useMemo(() => ({
     width: size,
     height: size,