diff --git a/frontend/src/components/common/img/ImageWithFallback.tsx b/frontend/src/components/common/img/ImageWithFallback.tsx index 0acf2832..1c354482 100644 --- a/frontend/src/components/common/img/ImageWithFallback.tsx +++ b/frontend/src/components/common/img/ImageWithFallback.tsx @@ -1,4 +1,3 @@ -import { useState } from "react"; import * as S from "@/components/common/img/ImageWithFallback.style"; import { errorCharacter } from "@/assets"; @@ -14,13 +13,12 @@ const ImageWithFallback = ({ fallbackSrc = errorCharacter, ...props }: ImageWithFallbackProps) => { - const [isFallback, setIsFallback] = useState(!src); + const isFallback = !src; const handleError = (e: React.SyntheticEvent) => { const img = e.target as HTMLImageElement; img.onerror = null; img.src = fallbackSrc; - setIsFallback(true); }; return (