Next.js에서 styled-components 사용 시 발생하는 에러

[doumKim]

이슈

"Warning: Prop className did not match."

Next.js에서 styled-components를 사용하면 에러 발생하며 스타일 적용이 안되는 현상 발생.

[doumKim]

참고링크

vercel/next.js#4068

babel-plugin-styled-components 설치

npm install --save-dev babel-plugin-styled-components

.babelrc 파일 커스텀

{
	"presets": [["next/babel"]],
	"plugins": [["styled-components", { "ssr": true }]]
}