useQuery(refetchInterval, refetchIntervalInBackground)

refetchInterval (기본값 false)

• 정기적으로 데이터를 가져오는 프로세스를 나타낸다. (Polling 방식)

  • 예) 매초 데이터를 가져오고 싶은 다양한 주식의 실시간 가격을 표시하는 구성이 있는경우

• number type으로 ms 단위로 주기를 설정한다.

• refetchInterval를 사용하면 refetchOnMount, refetchOnWindowFocus 가 중지되기 때문에 refetchOnMount, refetchOnWindowFocus 상관없이 UI가 refetchInterval에 정해논대로 원격 데이터와 동기화되도록 한다.

Polling(폴링)은 주기적으로 서버에 요청을 보내서 데이터를 가져오는 방식

refetchIntervalInBackground (기본값 false)

• true로 설정하면, refetchInterval로 설정된 쿼리는 탭/창이 백그라운드에 있을 때도 계속해서 재조회된다.

.
.
.
  const { isLoading, isError, error, isFetching, data } = useQuery({
    queryKey: ["super-heroes"],
    queryFn: featchSuperHeroes,
    refetchInterval: 2000,
    refetchIntervalInBackground: true,
  });
.
.
.

---

https://www.youtube.com/playlist?list=PLC3y8-rFHvwjTELCrPrcZlo6blLBUspd2