Warning: Prop `className` did not match.

 

방법1

nextjs폴더에 ".babelrc"파일을 만들고 아래의 내용을 넣는다

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

 

방법2

next.config.js파일에 compiler내용을 추가한다.

// next.config.js
module.exports = {
  compiler: {
    // Enables the styled-components SWC transform
    styledComponents: true
  }
}