[Main-Project] TypeScript-React svg import 오류

React + TypeScript에서 svg import 하는 방법

src/ 폴더 내에 custom.d.ts 파일을 생성한다.

declare module "*.svg" {
  const content: any;
  export default content;
}

tsconfig 파일을 수정해준다

  "include": ["src", "src/custom.d.ts"]

이제 아래와 같이 svg를 import해 사용할 수 있다.

import Battery from "assets/icons/battery.svg";

<img src={Battery} alt='battery'>