[Next.js] Turbopack에서 SVG 관련 Element type is invalid: expected a string 에러 해결

• Next.js 13 버전 이후에 도입된 Rust 언어로 개발된 Turbopack을 사용하면서 발생한 문제를 해결하는 과정을 설명한다.

• Turbopack을 사용하여 개발 환경을 실행했을 때 'Element type is invalid: expected a string' 오류가 발생했고, 이는 DarkModeBtn 컴포넌트에서 svg를 사용하면서 발생한 것으로 파악되었다.

• 문제를 해결하기 위해 next.config.js에 Turbopack을 위한 추가 설정을 하였고, 이후 개발 환경을 실행하였을 때 오류가 사라졌다.

• 이 경험을 통해 Next.js 13 버전 이후에 발생하는 문제들에 대해 참고 자료가 많지 않아, 주로 Github 이슈나 공식 문서를 참고하게 되었고, 이런 습관이 유익한 경험이었다고 말한다.