Inflearn Community Q&A

1. prefetchQuery 서버컴포넌트에서 데이터를 한번 불러오면, 정상적으로 불러왔는지 확인할 수 있나요??

2. 서버 컴포넌트에서 prefetchQuery한 다음에 클라이언트컴포넌트에서
   useQuery로 불러오게 되면(queryKey 동일) 이미 데이터가 저장 되어 있는거로 알고 있는데,

   
   console.log를 찍어보게 되면, undefined가 뜬 다음에 데이터가 호출 됩니다.
   prefetchQuery가 정상적으로 동작 안하는게 아닌가 싶습니다.

    

export default function TestClient() {
  const { data } = useQuery({
    queryKey: ['typeData'],
    queryFn: getTypeData,
  });

   console.log(typeData);
   
   ...

export default async function TestServer() {
  const queryClient = new QueryClient();

  await queryClient.prefetchQuery({ queryKey: ['typeData'], queryFn: getTypeData });
  const dehydratedState = dehydrate(queryClient);

  return (
    <>
        <HydrationBoundary state={dehydratedState}>
          <TestClient />
        </HydrationBoundary>
    </>
  );
}