인프런 커뮤니티 질문&답변

JunhOpportunity님의 프로필 이미지

작성한 질문수

Next + React Query로 SNS 서비스 만들기

react-query SSR 설정하기

공식문서와 강의 내용 중 어떤 방식으로 QueryClient 인스턴스를 생성하는 것이 좋을까요?

해결된 질문

작성

·

626

·

수정됨

0

React Query 공식 문서에 보면 queryClient 인스턴스를 생성해서 바로 QueryClientProvider의 client로 넘겨주고 있는데 제로초님께서는 useState의 초기 값으로 QueryClient의 인스턴스를 생성해서 넘겨주는 방법을 사용하셨는데요. 이 두가지 방법 중에 어떤 것을 사용해야 좋을지 궁금합니다.

 

// 공식 문서
const queryClient = new QueryClient()

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <Todos />
    </QueryClientProvider>
  )
}

// 제로초님 강의
function ReactQueryProvider({children} : Props) {
  const [client] = useState(
    new QueryClient({
      defaultOptions: {
        queries: {
          refetchOnWindowFocus: false,
          retry: false,
        }
      }
    }
      
    )
  )
  return <QueryClientProvider client={queryClient}></QueryClientProvider>
}

 

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

공식 문서의 Quick Start 를 보고 다르다고 생각했었는데 hydration 에 답이 있었네요

감사합니다