Warning: Prop `className` did not match. Server: "xxxxx" Client: "yyy"

위와 같은 에러가 발생했다.

styled-components + next13에 관한 이슈 언급한 바대로 아래를 next-config.js에 추가해주면 해결된다.

compiler: {
  styledComponents: true,
},

/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
  appDir: true,
},
compiler: {
  styledComponents: true,
},
}

module.exports = nextConfig