Create React Strict Context

createStrictContext.js

import React from 'react';

export function createStrictContext(options = {}) {
    const Context = React.createContext(undefined);
    Context.displayName = options.name;
    function useContext() {
        const context = React.useContext(Context);
        if (!context) {
            throw new Error(options.errorMessage || `${name || ''} Context Provider is missing`);
        }
        return context;
    }
    return [Context.Provider, useContext];
}

createStrictContext.ts

import React from 'react'

export function createStrictContext<T>(
  options: {
    errorMessage?: string
    name?: string
  } = {}
) {
  const Context = React.createContext<T | undefined>(undefined)

  Context.displayName = options.name

  function useContext() {
    const context = React.useContext(Context)
    if (!context) {
      throw new Error(options.errorMessage || `${name || ''} Context Provider is missing`)
    }
    return context
  }

  return [Context.Provider, useContext] as [React.Provider<T>, () => T]
}