データとコンポーネントを凝集して管理したい

選択肢

provider込コンポーネントとデータを返すhooksをexportする

コンポーネント内のchildrenより内側でhooksを呼び出す感じにする

DOMと関わるようなデータのとき、初期化時に値がなく、初回レンダリング後に値が入る関係で、型定義あるいはnullチェック的なものがきれいに書けなくてダルいな、と思うことが多い

hooksが特定のプロバイダよりも内側で呼び出されているかどうかは、TSで型安全に判定することができないのでちょっとだるい

値がなかったらthrow new errorするようなhooksを書けばいいっちゃいいのだが

render hooksパターンだと値がどうしてもnullableになっちゃう気がする

まあそれでもいいか？