[React error] 깨진 이미지 처리 (img onError)

🤔 API를 통해 svg 파일을 가져올 때 403 에러가 발생한 경우

• 클라이언트 요청을 서버가 거부했다는 뜻으로 클라이언트 로더 문제가 아닌 서버의 문제라고 생각한다.

🔥 How to fix ?

• 에러 발생시 다른 이미지로 대체

const handleError = (e) => {
  e.target.scr = default_img;
}
<img src='~~' onError={handleError}/>