Next.js 15에서 16으로 올렸더니 갑자기 hydration mismatch 에러가 여기저기서 터집니다. 특히 new Date().toLocaleString() 쓰는 부분에서 다 터지는데, 15에서는 멀쩡했거든요.
이게 16의 변경 때문인가요? 아니면 원래 잘못된 코드였는데 16에서 더 엄격하게 잡는 건가요?
// 에러 나는 컴포넌트
'use client'
export default function Timestamp({ date }: { date: Date }) {
return <time>{date.toLocaleString('ko-KR')}</time>
}
댓글 0