react(타입스크립트)에서 svg 파일 컴포넌트로 불러오기

custom.d.ts 파일 생성

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

 

tsconfig.json 파일 수정

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

 

reactComponent로 쓰고싶은 svg파일 불러오기

 

import { ReactComponent as Logo } from "./CAPA.svg";

<Logo />