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

리액트 사용 도중 다음과 같은 경고 문구가 콘솔창에 출력되었다.

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

 

---

원인: 리액트는 태그에 대해서 상당히 엄격하다. 기본적으로 <p> 태그 안에는 인라인 요소만 포함할 수 있는데, <div> 태그는 블럭 요소이므로 경고문구가 발생한 것이다.

 

해결: <p> 태그를 <div>태그로 바꾸는 것이 일반적인 해결방법이나, 나 같은 경우는 조금 달랐다.

 

다음과 같이 문제가 발생한 컴포넌트를 찾아 내부의 <>, </> 를 지워줬더니 해결되었다.