Next.js · Middle · Pytanie 34 z 75
Jak w App Router wcześniej załadować dane dla komponentów klienckich z TanStack Query?
- ✓Poprawna odpowiedź:
prefetchQueryna serwerze iHydrationBoundary - 2Wywołać
useQuerybezpośrednio w asynchronicznym komponencie serwerowym - 3Umieścić instancję
QueryClientw eksporciemetadatastrony
Wyjaśnienie
Komponent serwerowy tworzy QueryClient, wykonuje prefetchQuery i przekazuje stan cache przez <HydrationBoundary state={dehydrate(qc)}>. Kliencki useQuery z tym samym kluczem dostaje dane od razu. Hooki nie działają w komponentach serwerowych.