Concurrent Mode SSR
ページごとに必要なPropsをまとめる形になるため
しかし、いくつか問題がある
まとめられたPropsがSerializableでない
Promiseをラップしたオブジェクトを持つため
Propsをまとめた状態ではデータ取得が完了していない
まとめられたPropsがSerializableでない
LoadableオブジェクトをJSONにする方法を作ればよさそう
code:example.json
{
"__type__": "Loadable"
"state": "fulfilled"
"value": {...}
}
みたいな?
Hydrationのタイミングで戻す
エラーのシリアライズ難しそう
Propsをまとめた状態ではデータ取得が完了していない
Promiseラッピングの処理に介入してまとめる
Loadableオブジェクトの生成に関与するオブジェクトを渡していく
そのオブジェクトは使われたPromiseを全て知っているので、全部Promise.allSettledすれば解決