context-props

// eslint-disable-next-line @typescript-eslint/no-explicit-any
function withContextProps<P, C extends React.Context<any>>(
  component: React.FC<P>,
  context: C,
  hook?: (a: React.ContextType<C>, b: P) => Partial<P>
): React.FC<P> {
  type CP = React.ContextType<C>;
  type UP = CP & P;
  const commonHook = (ctx: CP | null, p: P): UP => {
    return ctx ? { ...ctx, ...p } : (p as UP);
  };
  return (props: P): ReturnType<React.FC<P>> => {
    const ctx = useContext(context);
    const finalProps = useMemo<P>((): P => {
      const finalCtx = hook ? hook(ctx, props) : commonHook(ctx, props);
      return { ...finalCtx, ...props };
    }, [props, ctx]);
    return component(finalProps);
  };
}