reactjs - React Hooks & useContext: これは良いパターンですか?

Question

useContextReact Hooksで勉強しています。アプリケーションの状態を含む単一のオブジェクトをコンテキスト コンシューマーに渡したいと思います。

<AppContextProvider.Provider value={AppState}>
  {props.children}
</AppContextProvider.Provider>

もちろん、いくつかを渡し、子コンポーネントがアプリケーションの状態を更新できるようにする必要がありgettersますsetters。

このパターンは効率的なアプローチですか? より良いパターンはありますか?

const AppContext = React.createContext();

function AppContextProvider(props) {
    const AppState = {
        aVideoCallIsLive: [get, set] = useState(false),
        channelName: [get, set] = useState(null),
        localVideoStream: [get, set] = useState(null),
        selectedBottomNavIndex: [get, set] = useState(-1),
        loginDialogIsOpen: [get, set] = useState(false),
    }
}