[리액트 에러 React Error] Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p> (sovled)

발생 에러

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
=>
경고: validateDOMNesting(...): <div>는 <p>의 하위 항목으로 나타날 수 없습니다

이 에러는 리액트 개발에 사용하는 jsx에서 발생한다.

<p>태그 안에 <div>를 썼거나

<p> 태그 안에 또 <p> 태그를 썼을 때 해당 에러가 발생하게 된다.

내가 발생한 에러는 elements를 감싸고 있는 <p> 태그를 찾아서 <span> 태그로 변경해서 해결