Get strict context

1import * as React from "react";
2 
3function getStrictContext(name) {
4	const Context = React.createContext(undefined);
5 
6	const Provider = ({ value, children }) => (
7		<Context.Provider value={value}>{children}</Context.Provider>
8	);
9 
10	const useSafeContext = () => {
11		const ctx = React.useContext(Context);
12		if (ctx === undefined) {
13			throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
14		}
15		return ctx;
16	};
17 
18	return [Provider, useSafeContext];
19}
20 
21export { getStrictContext };