hapi/web/src/lib/app-context.tsx

import { createContext, useContext, type ReactNode } from 'react'
import type { ApiClient } from '@/api/client'

type AppContextValue = {
    api: ApiClient
    token: string
}

const AppContext = createContext<AppContextValue | null>(null)

export function AppContextProvider(props: {
    value: AppContextValue
    children: ReactNode
}) {
    return (
        <AppContext.Provider value={props.value}>
            {props.children}
        </AppContext.Provider>
    )
}

export function useAppContext(): AppContextValue {
    const context = useContext(AppContext)
    if (!context) {
        throw new Error('AppContext is not available')
    }
    return context
}