데이터가 캐싱되어 업데이트가 되지 않는 캐싱 이슈_React-Query

useMutation 사용시 데이터가 캐싱되어 데이터 업데이트가 되지 않는 경우

queryClient.setQueryData('key', data)로 업데이트 할 수 있음
ex)

export const useDeleteDoc = () => {
  return useMutation<DriveFile | string, AxiosError, string>({
    mutationKey: [DIARY_KEY],
    mutationFn: (fileId: string) => deleteDoc(fileId),
    onSuccess(data) {
      queryClient.setQueryData<DriveFile>([DIARY_KEY, 'docList'], data);
    },
  });
};
//or
export const useDeleteDoc = useMutation( async (req) => {
  const res = await Axiox.post('url',req)
  return res.data
    },
	{
      onSuccess(data) => {
      queryClient.setQueryData<DriveFile>([DIARY_KEY, 'docList'], data);
      },
  },
};

참고블로그