async-status-usage.tsx

function Component() {
  const { data, isLoading, isError } = useApiQuery('getUser', [userId]);

  function renderContent() {
    // can assume data is populated in this function!
  }

  return (
    <AsyncStatus 
       isLoading={isLoading} 
       isError={isError} 
       loadingState={<Spinner />}
    >
      {renderContent}
    </AsyncStatus>
  );
}