Есть у меня вот такой reducer, он работает правильно вроде

и все делает то что я хочу.
export const changeCartItemsReducer = (state = initialState, action) => {

switch(action.type) {
case 'ADD_PRODUCT_TO_CART':
const findProduct = state.cartItems.findIndex(element => element.id === action.payload.id)
if(findProduct !== -1) {
const updateCartItems = [...state.cartItems];
const productToUpdate = updateCartItems[findProduct]
productToUpdate.total += action.payload.total
productToUpdate.price += action.payload.price
return {...state, cartItems: updateCartItems}
} else {
return {...state, cartItems: [...state.cartItems, action.payload]}
}
case 'CLEAN_TO_CART':
return {...state, cartItems: []}

case 'REMOVE_PRODUCT_CART':

const updateCart = [...state.cartItems]
console.log(updateCart)
console.log(action.payload)
const filterCart = updateCart.filter(el => el.id !== action.payload)
console.log(filterCart)

return { ...state, cartItems: filterCart, }

default:
return state
}
}
А я хотел создать другой reducer для remove но он не работает, хотя логика вся та же,
export const removeToCartReducer = (state = initialState, action) => {

switch(action.type) {
case 'REMOVE_PRODUCT_CART':

const updateCart = [...state.cartItems]

const filterCart = updateCart.filter(el => el.id !== action.payload)

return { ...state, cartItems: filterCart, }
default :
return state
}

}
Проблема в том что state здесь пустой приходит и он не видить как он изменился в предыдущем reducers, что не так ?

Как ты эти редьюсеры со стором связываешь?

я прочитал это но так и не понял, как оно поможет решить мою проблему?

ты пытаешься сделать то, что невозможно

И поэтому он не видит что стейт изменился, для него он всегда будет начальный тот что записан в самом начале, правильно ли я понял ?