A wrapper around `React.useContext` that throws an error if the context value is `undefined`.

use-safe-context.js

import { useContext } from "react"

/**
 * A wrapper around `React.useContext` that throws an error if the context
 * value is `undefined`, indicating that the component is not wrapped in the
 * context provider.
 * @param {React.Context} context
 * @return {any} The context value.
 */
export const useSafeContext = (context) => {
  const value = useContext(context)
  if (value === undefined) {
    throw new Error(
      "Context value is undefined, are you missing a context provider?"
    )
  }
  return value
}