개인적으로 개발중인 next 프로젝트를 emotion으로 css 작업을 하고 싶었으나,
에러가 발생하였다.
해답이 전혀 보이지 않았다,,,
stackoverflow에도 없고!
하지만, 공식문서에서 답을 발견했다.
https://nextjs.org/docs/app/building-your-application/styling/css-in-js
Styling: CSS-in-JS | Next.js
Warning: CSS-in-JS libraries which require runtime JavaScript are not currently supported in Server Components. Using CSS-in-JS with newer React features like Server Components and Streaming requires library authors to support the latest version of React,
nextjs.org
emotion 지원을 위해 작업중이다...!
일단, styled components를 써야지, 이것도 설정해줄게 많다.
그냥 css-in-js 방법을 next에서는 아직 사용하지 않는게 좋을수도 있다. 실제로
이렇게 적혀있으니
+ 참고로, next 13.4 버전 기준이다.