UseHook component

UseHook.tsx

// TODO: make eslint rule only allowing to UseHook inside client components
// TODO: make eslint rule not allowing conditions inside useHook
export function UseHook<T>(props: {
  useHook: () => T;
  children: (hookResult: T) => JSX.Element;
}) {
  const hookResult = props.useHook();

  return <>{props.children(hookResult)}</>;
}