window есть в браузере. В Server Component его нет. С use client есть нюанс, такая директива задаёт клиентскую границу, но первый рендер компонента ещё может пройти на сервере. Поэтому window, localStorage и другие browser API нельзя без проверки читать прямо во время рендера.

В проекте ниже browser-only части вынесены отдельно. Там, где нужен localStorage, код запускается уже на клиенте.

Статья на Хабр Проект: Goods Finder Stepik: Next.js I: JavaScript 2026

#nextjs #AppRouter #window #ClientComponents #localStorage #hydration #browserapi #react #javascript #webdev