Type 'StaticImageData' is not assignable to type 'string'.ts

Img 에러 발생

Type 'StaticImageData' is not assignable to type 'string'.ts

이라는 오류가 발생했다.

  <TypeBtn
        iconAlt='junior-icon'
          iconSrc={junior}
          iconText="후배 아이콘"
          typeDesc={`멘토링을 받는\n후배 회원가입`}
          userType="junior"
        />

여기 코드에서 iconSrc={junior}
에서 발생하는 문제였다

iconSrc의 타입을 string으로 해놨는데 인식을 못하는것같았다 ㅜㅜ

import junior from '../../../../public/junior.png'

왜냐면 이런식으로 경로를 지정해놨기 떄문이지 .. 하핫

해결

구글링을 해보니까

iconSrc={junior.src}

이런식으로 src를 지정해주는 방법으로 해결할 수 있다

stack overflow에는

[object object]와 같은 것을 얻으면 객체의 특정 src 속성을 요청해야 합니다.

라고 나와있다. src 속성을 명시 안해줘서 그런가보다