Recoilのatomにデフォルト初期値をReact Queryで設定するワークアラウンドの紹介

こんにちわ。nap5です。

Recoilのatomにデフォルト初期値をReact Queryで設定するワークアラウンドの紹介をしたいと思います。

昔はuseEffectとか仕方なくハンドリングしていた気がしましたが、useQuery使うとuseEffectを使わずにonSuccessなどのコールバックで設定したらいいんじゃないかと思い始め、乗り換え始めました。

ユースケースとしてセレクトボックスをチョイスしてみました。

デモコードです。

shy-snow-43epsl

簡単ですが、以上です。