Skip to content
Vercel기술 정리

Fixing the Vercel react-icons error

1 min readTech notesMoved from my Tistory blogRead the Korean original

I was trying to deploy with Vercel, but I kept getting the error below.

No matter how much I searched, the cause didn't come up, but then I read the post below 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

When I changed the letters after react-icons in the failing imports to lowercase, the error was cleanly resolved!

js
import { BsSunFill } from 'react-icons/bs'
import { IoMdMoon } from 'react-icons/io'
  • #Vercel react-icons error
  • #Lowercase

More in Tech notes

Network, OS, CS: notes for frontend interviewsHow to install Prettier and ESLint in a CRA projectReviewing TypeScript basic types: tuple, enum, never, symbol, unknown