2022년 7월 20일에 리액트 쿼리 버전 4가 출시되었다(TanStack Query). 이는 기존 v3 버전과 다른 부분이 몇가지 있어서 포스트를 올린다.

react-query v4 로 넘어오면서 변화된 점

1. query-key 는 문자열이 아닌 배열 안에 문자열을 넣어 관리하게 됨.

2. devtools를 별도로 설치하고 '@tanstack/react-query-devtools'로 import 해야 한다.

npm i @tanstack/react-query-devtools

3. setLogger()가 사라졌다. 대신 QueryClient 옵션으로 추가해야한다.

4. onSuccess는 더 이상 setQueryData에서 호출되지 않는다. 개인적으로 이게 기존 로직에서 변경점이 많은 것 같다. 아예 새로 코드를 짜야하니까.

그래서 어떤걸 쓰는게 맞을까?

사실 어느걸 사용해서 문제는 없다고 생각한다. 하지만 개인적으로 v4는 아직 나온지 얼마 되지 않아 아직 에러핸들링 이슈가 있기 때문에 안정적인 v3 버전이 낫다고 생각한다.