[React Query] return invalidate queries

• 일반적으로 mutate를 하고나서는 쿼리를 invalidate해서 refetch해오게 되는데, 이때 사용하는 것이 invalidateQuries이다.

  // return이 있을 때
  onSuccess: () => {
    return queryClient.invalidateQueries(['posts', id, 'comments'])
  }
  
  // return이 없을 때
  onSuccess: () => {
    queryClient.invalidateQueries(['posts', id, 'comments'])
  }

• invalidateQuries는 프로미스를 리턴하기 때문에 return을 시켜주면 해당 state가 업데이트 될떄까지 loading state가 유지된다. 만약 return을 붙이지 않는다면 mutate 동작이 끝날 때까지만 loading state가 유지된다.

Ref

https://tkdodo.eu/blog/mastering-mutations-in-react-query