validateDOMNesting(...): <div> cannot appear as a descendant of <p>

100pearlcent·2025년 2월 5일
post-thumbnail

발생 에러

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
Warning: validateDOMNesting(...): <fieldset> cannot appear as a descendant of <p>
Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.
Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <p>.
Warning: validateDOMNesting(...): <hr> cannot appear as a descendant of <p>.

아무리 찾아봐도 p 태그가 상위 요소인게 없는데 자꾸 콘솔에 위 에러가 출력되는 현상

발생 경위

TabList 사용 시 {children}<Typography>로 감싸서 그렇다.

해결 방법

<TabList/> 컴포넌트 내 {children}을 감싼 <Typography>를 삭제한다.

참고 링크

GitHub Issue Threads

0개의 댓글