Recoilを使用時に、<RecoilRoot>入れ忘れでエラー発生

• Recoilを使用
• プロジェクト内ですでに、useSetRecoilState等を使用済み

ブラウザのコンソールに以下のようなエラーコードが吐き出される。

Uncaught (in promise) 
Error: This component must be used inside a <RecoilRoot> component.

単純に_app.jsにを入れ忘れていたため。

_app.jsにを挿入する。

import * as React from 'react';
import { RecoilRoot } from 'recoil';

export default function MyApp(props) {
  const { Component } = props;

  return (
    <RecoilRoot>
        <Component {...pageProps} />
    </RecoilRoot>
  );
}