nextjs ssr вызывает постоянный конфликт состояния на стороне клиента

#reactjs #next.js #zustand

Вопрос:

Я использую zustand для управления своими состояниями.

Я сохраняю состояние ширины в локальном хранилище пользователя, затем перезагружаюсь, и в консоли я вижу такую ошибку :

Реквизит style не совпадал. Сервер: «ширина:400 пикселей» Клиент: «ширина:385 пикселей»

Это потому, что состояние по умолчанию равно 400, но в локальном хранилище клиента оно равно 385, и когда оно загружается, возникает конфликт

хуже всего, когда я пытаюсь сохранить состояние, в котором монтируется и отключается компонент, потому что состояние сервера по умолчанию-монтирование, но состояние клиента отключено, и это приводит к сбою клиента

Комментарии:

1. Не могли бы вы поделиться кодом компонента, который вызывает предупреждение?