Wrap a hook and return a component, see https://stackblitz.com/edit/ripook-demo?file=index.tsx

riphook.ts

import React, { useMemo, useEffect } from 'react';

type Func<Args extends any[], Return> = (...args: Args) => Return;

/**
 * Wrap a hook and return a component
 */
export function ripook<Args extends any[], Return>(hook: Func<Args, Return>) {
  const RipookWrapper: React.FC<{
    params: Args;
    children?: (r: Return) => void;
  }> = ({ children, params }) => {
    const res = hook(...params);
    useEffect(() => {
      if (typeof children === 'function') {
        children(res);
      }
    }, [res]); // eslint-disable-line

    return <noscript />;
  };

  return RipookWrapper;
}