Next.js · Middle · Запитання 34 з 75

Як попередньо завантажити дані для клієнтських компонентів, використовуючи TanStack Query в App Router?

Пояснення

Серверний компонент створює QueryClient, виконує prefetchQuery і передає стан кешу через <HydrationBoundary state={dehydrate(qc)}>. Клієнтський useQuery з тим самим ключем одразу отримує дані. Хуки в серверних компонентах не працюють.

Де почитати

Помилка в запитанні

Next.js · Middle · запитання 34

Перевірте себе

Пройдіть тест Next.js · Middle: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест