В каких компонентах работают хуки в Next.js?

Хуки клиентского состояния и эффектов, например useState и useEffect, используются в Client Components. Server Components не имеют клиентского жизненного цикла.

В App Router границу задаёт директива 'use client'; она не означает полного отсутствия серверного предварительного рендера. Не обобщайте запрет на любые функции с именем use: существуют API, поддерживающие серверный контекст. В Pages Router модель компонентов отличается, поэтому уточняйте используемый router.