Но и как по мне, то желательно  эту штуку не через компоненты делать (имхо).

const cart = useSelector(state => state.cart);

useEffect(() => {
  cookie.set("cart", JSON.stringify(cart), { expires: 1})  
}, [cart])

да всё верно. как же я не додумался

почему это)

const cart = useSelector(state => state.cart);

useEffect(() => {
  cookie.set("cart", JSON.stringify(cart), { expires: 1})  
}, [cart])

да. заработало. спасибо 👍

Компоненты должы отвечать за отображение данных. Сегодня у тебя в одном компоненте эта логика, завтра в другом и не понятно кто отвественный. По факту это должно храниться в модели приложения.

НО. Всё зависит от кейсов использования/задач :)

там просто получается так что у компонента нужна обратывать стейт изменения цены при увелчении кол-ва или выбора веса (карточка товара). я думал в redux хранить доп массив для карточек на текущей странице с их состояниями. но мне посоветовали хранить для такого локальный стейт. в принципе сейчас довольно удобно что всё это локально обрабатывается. а на выходе я просто получаю корзину в куках. большего от карточки не нужно

А почему кстати куки? Они ведь не резиновые. Или там только id хранятся?

там массив с объектами из id, price и count

Он на бэке используется?

Хотя в целом у вас мало товаров в корзине :) Это у нас может быть и 50-100 шт

ну мне нужно было чтобы при открытии приложения у меня корзина запоминала товары. я их диспачу в _app внутри getInitialProps

в принципе можно было и через useEffect на фронте + Localstorage это делать. Я так состояния кнопок в принципе сделал но тогда при первой прогрузке кнопки имеют стандартное состояние в течение 3 секунд где-то. а с getinitialprops изначально корзина прогружает то что нужно

https://t.me/nextjs_ru/18509

Так этот код в карточке товара?

да

Т.е. если у тебя 20 карточек товаров, то он 20 раз вызовится

на странице ток 10 товаров. там пагинация

ну значит 10 раз

ну вообще да

Немного не рационально

там по срокам ща провал так что я многое опускаю ))