[React] svgr 세팅 - Duplicate identifier 'src'.

🚨 문제 상황

svgr을 쓰기 위해 환경세팅을 하고 있었다.

 

global.d.ts

declare module '*.svg' {
  import * as React from 'react';

  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
  const src: string;
  export default src;
}

 

위 파일의 마지막 src 부분에서 계속 아래와 같은 에러가 뜬다.

 

이름을 계속 바꿔봤는데 계속 안된다..

저기서 중복되었다는 client.d.ts로 들어가 봤다.

C:\\S11P12A808\\front-end\\node_modules\\vite\\client.d.ts

 

 

여기서 이미 선언되었다고 나온다.

global.d.ts 내용이 덮어 써지는 건 줄 알았는데 아닌가 보다..

일단 client.d.ts에서 저 부분을 지우니 해결되긴 했다.

그렇지만  node_modules는 git에 올리지 않으니 해결법이 아니다.

 

🥁 임시 해결

tsconfig.json 파일의 compilerOptions에 skipLibCheck: true 추가

 

스택오버플로우 글을 따라 했는데 안전성을 떨어뜨리는 방법 같아서 적절한지 모르겠다…