何について書く？

• Recoil でDuplicate atom key というメッセージが表示される理由

内容

• Recoilでグローバルステートを使用していたところ、yarn dev後立ち上がったサーバーのコンソールに下記のエラーが表示される。
• エラー内容

Duplicate atom key "test". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.

これはHMR環境で出てしまうRecoilのエラーとのこと。
Nextもこれに準ずるものであるため、現状は仕方ないよう。
ビルドはできるし、アプリ的に問題は無いため様子見。
公式で解決が出てきたら、修正予定。

もう少しHMRの理解を深めて、何故仕方ないのかを説明できるようにしていく予定。その時に更新する。
※Hot Module Replacement（HMR）は、ページ全体を更新しなくても、実行時にブラウザ内のモジュールを自動的に更新することで開発者体験を向上させる仕組みです。 これは、変更を行ってもアプリケーション内の状態（ステート）は保持されることを意味します。

参考サイト

• https://file-translate.com/ja/blog/recoil-duplicate-atom-key
• https://ja.parceljs.org/hmr.html#:~:text=Hot Module Replacement（HMR）は,ことを意味します。
• https://stackoverflow.com/questions/65506656/recoil-duplicate-atom-key-in-nextjs