QueryCache
에 onError 콜백
을 추가해서 쿼리 호출 사용시 오류가 발생할 경우 차크라 토스트 메시지를 표시할 수 있도록 해보자.
의문1) 왜 react-query는 useError 훅을 제공하지 않는가?
대신,
react-query는 중앙 집중식으로 error를 관리하는 거 말고
QueryCache
에 설정할 수 있는onError
callback을 제공한다.
구현)
queryClient 생성할 때, QueryCache의 default 다.
기존 코드에다가
코드 작성
코드 잘 실행되는지 확인하려고 할 때, 서버를 중지해야 한다.
서버를 중지하면 data fetch를 시도하고 , 서버에 대한 연결이 실패하기 때문에
treatment component를 확인하려고 할 거고 => "오류 발생"