[Recoil] this component must be used inside a <recoilroot> component.

리코일 공식 문서가 시키는 데로 RecoilRoot로 감싸줬는데 에러가 발생했다.

 

this component must be used inside a <recoilroot> component.

---

이유

최상위 루트가 아니고 중간 라우터 파일에서 감싸줬더니 에러가 발생했다.

그래서 최상위에 감싸줬더니 해결됐다.

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <RecoilRoot>
    <Router />
  </RecoilRoot>,
);

 

참고