[NextJS] styled-components Prop `className` did not match.

next js 를 13버전으로 업그이드 한 이후 이런 에러가 콘솔창에 떴다 !

 

해결방법

module.exports = {
	experimental: {
		forceSwcTransforms: true,
	},
	compiler: {
		styledComponents: true,
	},
};

//next.config.ts
파일에 아래의 값을 넣어주면 에러가 나지 않는다 !! 

	compiler: {
		styledComponents: true,
	},