[Next.js] RangeError: Maximum call stack size exceeded 오류

Next.js 프로젝트를 Vercel을 통해 배포하던 중 빌드 실패가 발생하였다.

빌드 로그를 확인해보니 이런 엄청난 양의 오류로그가 표시되었다...

그런데 visual studio code에서는 오류 없이 제대로 빌드가 되었었는데 왜 Vercel에서만 빌드가 실패한 이유를 찾기 위해 구글링을 해보았는데

https://github.com/orgs/vercel/discussions/5449

결과적으로 Next.js 14버전이 아직 불안정했던 시기의 14.0.1 버전에서 최신 버전의 sharp 라이브러리를 사용하면서 발생한 문제임을 발견했다.

이를 해결하기 위해서는 Next.js의 버전을 업데이트하거나 sharp라이브러리의 버전을 0.33.1버전으로 다운그레이드해야 해야 정상적으로 배포가 된다는 해결방법이 있어 sharp 라이브러리의 버전을 다운그레이드하는 방식으로 문제를 해결하여 정상적으로 배포할 수 있었다.