React19でRecoilが動かない

とりあえずpnpmに切り替えてからTODOリストにReact19 RCをインストールして起動。
https://github.com/SideGuide/recoil-example
pnpm add --save-exact react@rc react-dom@rc
Recoilのリポジトリに立っているIssue通りのエラーが発生

kirik

pnpm patch recoilして指定されたフォルダーを開き、以下のファイルを編集してpnpm patch-commit '/path/to/folder'する。Issueに書かれているようにcurrentRendererSupportsUseSyncExternalStoreを常にtrueを返すようにパッチを当てる。
/cjs/index.js
/es/index.js
/native/index.js
/umd/index.js

kirik

動きはした。今回のシンプルなアプリケーションでは動いたけど様々なRecoilのAPIを多用しているアプリケーションではどうなるかはわからない。

kirik

React19へのアップデートでReactからexportされているSECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIREDが_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADEに名前が変わることが原因。
Recoilでガッツリ使われている。

kirik

RecoilはReact16を依存に持っているからRecoilがReact19をなぜ参照するのか調べないといけなさそう。
バンドラーの問題でバンドラーを直さなければいけないのか、モジュールの仕組み的にRecoilの依存しているReactを19まで上げなければいけないのか分かっていない。

kirik

参考記事