✏️기록하는 즐거움
반응형
article thumbnail
[Tanstack-Query] NextJS14에 Tanstack Query 적용하기 - QueryClient에 useState를 사용하는 이유
Retrospective/Project 2024. 11. 27. 00:09

개발 환경next: v14.2.15@tanstack/react-query: v5.60.6@tanstack/react-query-devtools: v5.60.6 오늘은 개인 프로젝트에 Tanstack Query(React Query)를 적용하는 과정 중에 여러 코드에서 볼 수 있던 QueryClient에 useState를 적용하는 이유에 대해서 작성해보고자 한다. 📙 설치npm i @tanstack/react-queryyarn add @tanstack/react-query 📙 적용🟡 Provider 설정NextJS에서는 use client 로 Provider를 클라이언트 컴포넌트로 변경해주어야 에러가 발생하지 않는다.// RQProvider.tsx"use client";import { QueryCli..

반응형