[TS] TypeScript가 SVG 파일을 import하지 못하여 에러가 발생할 때

 

 

 

위 사진처럼 svg 파일을 import할 때 TypeScript에서 svg에 대한 타입을 찾을 수 없으면 에러가 발생한다.

별도의 d.ts 파일을 만들어서 svg 파일에 대한 타입을 지정해주면 에러가 사라진다.

 

// svg.d.ts

declare module '*.svg' {
  const value: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
  export default value;
}

 

 

 

참고자료

https://stackoverflow.com/questions/44717164/unable-to-import-svg-files-in-typescript

Unable to import svg files in typescript