-
Notifications
You must be signed in to change notification settings - Fork 1
react hydration error
minjeong9919 edited this page Jun 10, 2024
·
1 revision
머지된 찜 버튼을 사용하여 포스트 글 컴포넌트에 적용하엿다. 에러가 생겼다. why?
해당 에러에 같이 써있는 url에 접속해서 보았다.
해당 오류가 발생하는 원인에는 여러가지가 있다고 한다.
- HTML 태그의 잘못된 중첩
<p>다른 <p>태그 에 중첩됨
<div><p>태그 에 중첩됨
<ul>또는 태그 <ol>에 중첩됨<p>
태그 <a>에 중첩 <a>
태그 <button>에 중첩 <button>
- typeof window !== 'undefined'렌더링 로직 과 같은 검사 사용
- 렌더링 로직 window과 같은 브라우저 전용 API 사용localStorage
- Date()렌더링 로직에서 생성자 와 같은 시간 종속 API 사용
- 잘못 구성된 CSS-in-JS 라이브러리
나 같은 경우에는 button 안에 LinkButton 컴포넌트를 삽입하게 되면서 button이 중첩돼서 났다.
따라서 LinkButton을 감싸던 button을 div로 수정하였더니 말끔하게 동작~
민정 🐶
- event 타입 지정하기
- React Hook "useState" is called in function "page" that is neither a React function component nor a custom React Hook function
- className을 prop으로 넣고 싶어요
- The ref value 'elementRef.current' will likely have changed by 어쩌고 에러
- react hydration error
- input type='file'
- ObjectRef와 MutableRefObject
- react-hook-form onChange가 trigger 되지 않는다면?