[Error Handling] svg (벡터) 이미지 import 시 발생한 에러

어떤 에러인가요?

• .svg (벡터) 이미지 import 시 발생한 에러

에러 메시지

SyntaxError: conimals/client/src/assets/TestResultVector.js: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.

에러 핸들링 방법

• Figma에서 벡터 이미지 다운로드 후 삽입 시 특정 태그에서만 발생하는 SyntaxError로, 해당 부분을 아래처럼 수정해주어야 한다.

    sketch:type -> sketchType
    xmlns:xlink -> xmlnsXlink
    xlink:href  -> xlinkHref

에러 핸들링을 위해 참고한 레퍼런스 링크

링크