useSyncExternalStore

外部のストアをサブスクライブできるHooks

const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot?)

第一引数

subscribeの関数

ストアに登録する関数

第二引数

現在のストアのスナップショットを返す関数

getSnapshotは不変じゃないと駄目

第三引数

サーバーレンダリング時と、サーバーでレンダリングされたコンテンツのクライアント側でのハイドレーション時にのみ使用されます。

基本propsとかState、contextで行けるがlocalStorageとか外部のAPIなどの状態をみて何か判断したい場合に使う