useInvariantContext

import { useInvariantContext } from '@1hook/use-invariant-context'

const ctx = useInvariantContext(MyContext)

// optionally pass a custom error message

const ctx = useInvariantContext(MyContext, 'Context not found')

const MyContext = createContext<Value | null>(null)

type Props = { children: ReactNode; initialValue: Value }

export function MyProvider({ children, initialValue }: Props) {
  return (
    <MyContext.Provider value={initialValue}>{children}</MyContext.Provider>
  )
}

// ❌ returns `Value | null` since there is not garantee that the context provider is present
export const useMyContext = () => useContext(MyContext)

// ✅ returns `Value` or throws an error if the context provider is not found
export const useMyContext = () => useInvariantContext(MyContext)