createTypedContext

createTypedContext.ts

/** Typed context creation helper
 * @example
 * export const [useLevel, LevelProvider] = createTypedContext<{ level: number }>('LevelContext')
 */
export function createTypedContext<T>(name: string) {
  const Context = createContext<T | null>(null)

  function useEnsuredContext() {
    const ctx = useContext(Context)
    if (ctx === null) {
      throw new Error(`Missing parent ${name} context provider`)
    }
    return ctx
  }

  return [useEnsuredContext, Context.Provider]
}