fetch with hooks

ComponentWithUseConditionalFetch.tsx

const ComponentWithUseFetch = () => {
  const { data, isLoading, hasError, errorMessage, refetch } = useFetch<{ name: string }>({
    url: '/api/someone/123',
    skip: true
  })
  if (isLoading) {
    return <Loader />  
  }
  return (
    <>
      <div>
        {data ? `Hello ${data.name} !` : 'please click button'}
      </div>
      {hasError && <b>{errorMessage}</b>}
      <button onClick={() => refetch()}>call user name</button>
    </>
  )
}