useQuery랑 queryClient.getQueryData랑 차이점이 있을까요??

기본적으로 캐싱된 데이터가 있으면, 그 데이터를 가지고 오는 것으로 알고 있는데,

const { data} = useQuery({
  queryKey: ['posts', 'recommends'],
  queryFn: getPostRecommends});

const data = queryClient.getQueryData(['posts', 'recommends']);

두 가지 차이점이 있는지 궁금합니다.