TIL 80. React - Query의 refetch

import type { AppProps } from 'next/app';
import { QueryClient, QueryClientProvider } from 'react-query';

const client = new QueryClient({
  defaultOptions: {
    queries: {
      refetchOnWindowFocus: false,
    },
  },
});

export default function App({ Component, pageProps }: AppProps) {
  return (
    <QueryClientProvider client={client}>
      <Component {...pageProps} />
    </QueryClientProvider>
  );
}

refetchOnWindowFocus을 true로 하면 윈도우 포커스가 변경될 경우 refetch된다.

탭 변경, 로그인 모달창 사라질 때 등, 브라우저 포커스를 벗어났다가 다시 포커스를 잡으면 데이터를 받아오게 되는데,
usdQuery와 firebase의 페이지네이션으로 인해 이미 읽은 게시글 데이터 다음부터 가져오게 되므로
기존 데이터들이 보여주는 게시글들은 사라진다.