230627 개발일지 TIL -Compiled with problems: × ERROR in ./src/pages/MyPage.jsx 168:44-57 export 'AiFillPicture' (imported as 'AiFillPicture') was not found in 'react-icons/fa'

react-icons import시 에러

Compiled with problems:
×
ERROR in ./src/pages/MyPage.jsx 168:44-57
export 'AiFillPicture' (imported as 'AiFillPicture') was not found in 'react-icons/fa' 

문제점
상단에 import로 아래 코드를 넣어주고

import { AiFillPicture } from 'react-icons/fa';

jsx부분에 아래 코드를 넣어줬더니 생긴 오류였다.

<AiFillPicture />

해결방법

import { AiFillPicture } from 'react-icons/ai';

react-icons/ai라고 수정 저장을 해줘도 에러가 나길래 아예 지우고
다시 자동으로 불러올 수 있게 수정해주었더니 에러가 사라졌다.

몇 가지 아이콘을 테스트 한 결과 네이밍이 Ai, Bi 등으로 시작하는데 'react-icons/ai' 이 부분을 소문자로 ai, bi로 넣어 불러와주면 해결되었다.

느낀 점
간편하게 설치해서 리액트 아이콘을 불러와서 사용할 수 있는 것이 편리하게 느껴졌다.