Vercel react-icons 오류 해결

Vercel을 통해서 배포를 하려는데 계속 아래와 같은 오류가 났었다.

아무리 검색해도 원인이 나오지 않았었는데 아래의 글을 보고 https://www.reddit.com/r/nextjs/comments/uogl73/i_am_using_reacticon_and_my_imports_have_been/

r/nextjs on Reddit: I am using react-icon and my imports have been rendering in the browser, yet I am getting this error on Verc

오류가 난 부분의 react-icons뒤에 문자들을 소문자로 변경하니 오류가 말끔히 해결되었다!

1
2import { BsSunFill } from 'react-icons/bs'
import { IoMdMoon } from 'react-icons/io'