Next.js · Senior · Запитання 21 з 75
Чому Context-провайдери в App Router виносять в окремий клієнтський компонент?
- ✓Правильна відповідь: Context - клієнтська можливість; layout рендерить обгортку
<Providers> - 2Провайдери сповільнюють серверний рендер, тому їх вимикають на сервері
- 3Next.js забороняє використовувати Context усередині будь-яких файлів layout
Пояснення
createContext і провайдери - клієнтські можливості. Роблять providers.tsx з 'use client' і рендерять його в кореневому layout навколо children. Так children лишаються серверними компонентами. Провайдери ставлять якомога глибше, щоб більша частина дерева лишалася статичною.