오픈 소스 이슈 살펴보기

React-icons 오픈 소스 살펴보기

React-icons는 리액트에서 아이콘을 쉽게 사용할 수 있도록 해주는 라이브러리이다.
이번에는 이 오픈 소스를 살펴보고자 한다.

📌 이슈

https://github.com/react-icons/react-icons/issues/1028

• 문제 : React-icons 최신 버전에서 Font Awesome 4 가 사용되지 않음
• 원인 : Font Awesome 4 아이콘 세트가 React-icons 최신 버전에서 삭제됨
• 해결 : package.json에서 해당 부분을 overrides하여 문제 해결

https://github.com/react-icons/react-icons/issues/1006

• 문제 : React 19로 업그레이드한 후 "JSX 구성 요소로 사용할 수 없습니다" TypeScript 오류가 발생
• 원인 : React와 React-icons간 호환성 차이
• 해결 : jsx.d.ts 파일을 만들어서 JSX에 대한 설정을 한 후 tsconfig.json에 해당 파일 적용