Create HOC from Hook

hocfromhook.tsx

import React, { useContext, createContext } from "react";

function createHOCFromHook<T,>(cb: () => T) {
  const Context = createContext<T>(null as T);
  const withProvider = <T,>(Component: React.ComponentType<T>) =>
    function (props: T & JSX.IntrinsicAttributes) {
      return (
        <Context.Provider value={cb()}>
          <Component {...props} />
        </Context.Provider>
      );
    };
  return {
    withProvider,
    Provider: Context.Provider,
    Consumer: Context.Consumer,
    useHook: () => useContext(Context)
  };
}

function createHOCFromHookWithArgs<T,A extends []>(cb: (...args: A) => T) {
  const Context = createContext<T>(null as T);
  const withProvider = (...args: A) => <T,>(Component: React.ComponentType<T>) =>
    function (props: T & JSX.IntrinsicAttributes) {
      return (
        <Context.Provider value={cb(...args)}>
          <Component {...props} />
        </Context.Provider>
      );
    };
  return {
    withProvider,
    Provider: Context.Provider,
    Consumer: Context.Consumer,
    useHook: () => useContext(Context)
  };
}