This component must be used inside a RecoilRoot component.

상황

기존에 사용하던 MobX에서 Recoil로 변경을 한 후 서버를 재시작하였을 때 이와같은 에러가 발생하였다.

원인

Recoil을 사용하게된 경우 컴포넌트를 RecoilRoot 태그 내에서 사용해야 한다.
한마디로 루트 컴포넌트를 RecoilRoot태그로 감싸야 에러가 발생하지 않는다는 것이다.

해결

const AppContainer = () => {
	<RecoilRoot>
    	<App />
    </RecoilRoot>
}