오류
실전을 멀리 했던 초보 개발자는 Create React App으로 프로젝트를 구성하였다가 위와 같은 실수를 저지르고 맙니다.
React App은 이미 HTML body 안에 렌더링되고 있는 것이기 때문에 React 컴포넌트 안에 직접 body 태그를 작성하는 경우, body를 중복해서 사용하는 것이 됩니다.
해결
React 컴포넌트 안에서 사용한 body 태그를 제거하였습니다.
덧
오류 자체는 HTML 요소 간의 부모-자식 관계를 부적절하게 설정하였을 때 발생합니다.
- <p> 태그 안에 <div> 태그가 들어가는 경우 - https://anerim.tistory.com/211
- <a> 태그 안에 다시 <a> 태그가 들어가는 경우 - https://stackoverflow.com/questions/47282998/validatedomnesting-warning-react