Effect для TypeScript разработчиков

Понял, спасибо за ответ

Effect для TypeScript разработчиков

Промисы вполне спокойно типизируются..

У меня связка react query + axios, это чудо выглядит так:

// Прим. api.ts
export const fetchAllUser = async (): Promise<AxiosResponse<UserType[]>> => {
  return await axiosInstance.get(`/user`)
}

// Прим. UserList.tsx
const UserList = () => {
  const { data, isFetched, isError } = useQuery({ queryKey: ['users'], queryFn: fetchAllUser })

  if (isError) return <p>Упс..</p>
  if (!isFetched) return <p>Загрузка..</p>

  return (
    <div>
      {data?.data?.map((value) => <User key={value.id} value={value} />)}
    </div>
  )
}

(Код специально упрощён)

Какой профит я смогу получить, использовав Effect в данном случае и есть ли в этом смысл? (Доку ещё не открывал, думал статья даст больше ответов и информации для размышления..)