
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;
}
