woowacourse / tecoble-comments

0 stars 0 forks source link

post/2021-10-01-react-query-error-handling/ #46

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

리액트 쿼리로 에러처리하기

https://tecoble.techcourse.co.kr/post/2021-10-01-react-query-error-handling/?utterances=303907b94d8ca59be33d3f52D0z0Xh6v6BfHbt9u9%2FHbZiFlF7W5ID8XwFViVNwgzwFC8APg53Wp5csGytqZ%2BhQMJgrZOk%2FLLx5C2%2FrTv4yrEfEk2EupXMorKGG9z03I5p6LN%2ByICmyXAsq3dJY%3D

reck1ess commented 2 years ago

onError로 에러 처리를 하면 의도대로 동작하지 않는 경우가 많다. 에 대해 잘못된 내용이 있는 것 같아 댓글 남깁니다.

react-query maintainer @TkDodo 에 따르면

onError callback will only be called once per request, not per observer. 라고 하는데, 혹시 QueryClient default retry 3회 옵션 그대로 사용하셔서 request가 총 4번 요청되었고, onError callback도 총 4회 실행된게 아닐까요?

https://github.com/tannerlinsley/react-query/issues/2406#issuecomment-868437120

hajeonghun commented 6 months ago

@reck1ess QueryCache 에서 설정한 onError 콜백함수인 경우가 쿼리당 1번 요청되는 거고 useQuery 내에 onError 콜백함수를 설정한 경우에는 모든 Observer 에 대해 호출되는게 맞는 것 같습니다.