createRoot(): Target container is not a DOM element

document.getElementById()의 id가 잘못되어서 나타나는 에러

 

CRA를 활용하여 리액트를 만들면

const root = ReactDOM.createRoot(document.getElementById("root"));

가 기본으로 설정되어있다.

 

그런데 다른 예제 코드 등을 참고하면서 "root" id를 변경하면 DOM element가 container가 아니라는 에러가 발생한다.

 

public/index.html 파일의 body 태그를 보면 기본적으로 div의 id가 root로 표시되어있는것을 볼 수 있다.