tweaked [context example from react typescript cheatsheet](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet#context) for own usage

createContext.tsx

// https://github.com/typescript-cheatsheets/react-typescript-cheatsheet#context
import * as React from 'react';

function createContext<ContextType>(defaultValue?: ContextType) {
  const Context = React.createContext<ContextType | undefined>(defaultValue);

  const useContext = () => {
    const contextValue = React.useContext(Context);
    if (!contextValue)
      throw new Error('`useContext` must be inside a Provider with a value.');
    return contextValue;
  };

  const ContextProvider = ({
    children,
    value,
  }: {
    children?: React.ReactChild;
    value: ContextType;
  }) => {
    return <Context.Provider value={value}>{children}</Context.Provider>;
  };

  return [useContext, ContextProvider] as const;
}

export default createContext;