fix : React Hydration Error - Githubissues

kagrin97 / NextJS-myblog

NextJS를 이용해서 블로그를 만들었습니다

https://kagrin97-blog.vercel.app/

4 stars 1 forks source link

fix : React Hydration Error #23

Closed kagrin97 closed 2 years ago

kagrin97 commented 2 years ago

dev중에 Hydration에러가 나타났습니다. Nextjs에서는 이 문제를 이렇게 설명하고 있습니다.

애플리케이션을 렌더링하는 동안 사전 렌더링된 React 트리(SSR/SSG)와 브라우저에서 첫 번째 렌더링 중에 렌더링된 React 트리 간에 차이가 있었습니다. 첫 번째 렌더링은 React의 기능인 Hydration입니다 . 이로 인해 React 트리가 DOM과 동기화되지 않고 예기치 않은 콘텐츠/속성이 나타날 수 있습니다.

Nextjs 보여준 해결 방법으로 fix하겠습니다.