본문 바로가기
Q&A해결2026년 4월 28일1분 읽기

Next.js 16에서 갑자기 Hydration mismatch 에러가 폭증합니다

리액트초보
조회 535댓글 2

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

아직 댓글이 없습니다.
Ctrl+Enter로 등록