fix: Image 컴포넌트 에러 처리 방식 변경

jiphyeonjeon-42 · Aug 16, 2023 · 169333e · 169333e
1 parent ee921ab
commit 169333e
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/component/utils/Image.tsx b/src/component/utils/Image.tsx
@@ -5,14 +5,13 @@ type Size = number;
 type Props = HTMLProps<HTMLImageElement> & { width?: Size; height?: Size };
 
 const Image = ({ src, alt, width, height, ...props }: Props) => {
-  const [error, setError] = useState(false);
   return (
     <img
       {...props}
-      src={error ? fallback : src}
+      src={src}
       alt={alt}
       style={{ width, height }}
-      onError={() => setError(true)}
+      onError={e => (e.currentTarget.src = fallback)}
       loading="lazy"
     />
   );