Cursor 활용기 - dangerouslySetInnerHTML 에러
위와 같이 코드를 입력했을 때 아래와 같은 에러 발생 In HTML, ‹div> cannot be a descendant of ‹p>.This will cause a hydration error. Q1. 에러의 원인이 뭐야?A1. 코드를 살펴보니 dangerouslySetInnerHTML을 사용하는 부분이 태그 내부에서 를 렌더링하려고 시도하고 있습니다. HTML 명세에 따르면 태그는 블록 레벨 요소인 를 자식으로 가질 수 없습니다.이 문제를 해결하기 위한 가장 간단한 방법은 태그를 로 변경하는 것입니다. 이제 hydration 에러가 해결될 것입니다. 변경사항을 설명하자면:1. 컴포넌트를 일반 로 변경했습니다.2. Material-UI의 sx prop 대신 일반 style 객체를 사용하여 mar..
기술이 된 상상
2025. 3. 13. 19:54
