#client_components — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #client_components, aggregated by home.social.
-
Next.js, localStorage в App Router без hydration-ошибок
localStorage существует только в браузере. App Router может подготовить HTML на сервере и для Client Component. Код с директивой use client получает состояние, эффекты и обработчики событий, но первый рендер всё ещё может пройти без window и localStorage . И возникают два сбоя. Прямое чтение localStorage падает на сервере. Проверка через typeof window возвращает разные данные на сервере и в браузере. Сервер строит пустое избранное, браузер видит сохранённые id, React получает разные деревья при hydration.
https://habr.com/ru/articles/1064926/
#nextjs #app_router #localstorage #hydration #client_components #browser_api #react #javascript #избранное #вебразработка