[Next] styled components가 적용되기 전에 rendering 되는 경우

이틀 동안 끔찍한 에러에 시달렸다... 에러 메시지가 안 나오는 에러 ㅋㅋㅋㅋ

분명 아래 사진 처럼 styled className은 적용이 되는데 막상 그 안에 css는 안 담겨있는 상황.

검색을 해도 나 같은 상황은 안 나왔고, 또 찾아도 _document.js와 babel setting을 해주라는 글들이 전부였다.

결론적으로 이 녀석이 문제였다.

Loading 상태를 보여주던 컴포넌트 였는데, emotion을 사용하고 있다. 난 emotion setting 을 안해줬고!!!!

하... 정말 간단한 이슈였는데, 에러 메시지가 안 나와서 한참을 헤맸다... 너무 억울해서 혹시 나와 비슷한 이슈를 겪은 사람이 있다면 프로젝트 내에 다른 Css-in-JS library를 사용하고 있는지 체크 한 번 해보자...