Simple React context example, with TypeScript. See: https://codesandbox.io/s/react-context-tldr-bey3y

roy.tsx

const RoyContext = React.createContext<{
	hi: boolean;
	setHi: (set: boolean) => void;
}>(null);

const RoyProvider = ({ children }) => {
	const [hi, setHi] = useState<boolean>(true);
	return (
		<RoyContext.Provider value={{ hi, setHi }}>{children}</RoyContext.Provider>
	);
};

const IsHi = () => {
	const { hi } = useContext(RoyContext);
	return <div>{hi}</div>;
};

const SomethingElse = () => {
	return (
		<div>
			<IsHi />
		</div>
	);
};
const App = () => (
	<RoyProvider>
		<SomethingElse />
	</RoyProvider>;
);