RecoilRoot

import { RecoilRoot } from 'recoil';

<RecoilRoot> 
  <App /> 
</RecoilRoot>

RecoilRoot는 Provider와 비슷한 개념으로 Recoil을 사용하는 최상위 컴포넌트를 덮어서 그 컴포넌트 하위 컴포넌트들이 Recoil을 사용할 수 있게 해주는 친구다.

소규모 프로젝트에서는 그냥 RecoilRoot로 index를 덮으면 될 것 같다.
근데 공식문서를 보면 RecoilRoot가 중첩이 된다면 가장 안쪽의 RecoilRoot가 다른 값들을 먹는 값이 된다고 하는데 이게 어떤 것인지 한번 찾아봐야겠다..