[React Native] typescript svg, png import 빨간줄

svg 로더를 설치하고 import하는 과정에서 빨간줄이 나타났다.
jsx를 사용할 때는 별도의 처리 없이 에러가 발생하지 않지만 tsx를 사용할 때는 타입을 선언해주지 않으면 발생한다고 한다.

declare module '*.svg' {
  import React from 'react';
  import {SvgProps} from 'react-native-svg';
  const content: React.FC<SvgProps>;
  export default content;
}

루트 폴더에 custom.d.ts 파일을 생성해주고 위의 내용을 채워주면 에러가 사라진다.

---

png 파일도 타입을 선언해주지 않아서 빨간줄이 뜬다.
역시 custome.d.ts에 코드를 추가해주면 해결된다.

declare module '*.png' {
  const content: any;
  export default content;
}