typescript 에서 svg 파일 가져오기

평소처럼 svg 파일을 ReactComponent as 어쩌고 이렇게 가져오려 했는데 에러가 났다.

1. custom.d.ts 파일 생성

declare module "*.svg" {
  import React = require("react");
  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
  const src: string;
  export default src;
}

이렇게만 생성하면 일단 오류가 발생한다. 이제 컴파일러가 ts 확장을 처리하도록 tsconfig 를 수정해준다

2. tsconfig 수정

include 에 custom.d.ts 추가