Как реализовать добавление объекта товара в массив state?

Всем привет! Подскажите, пожалуйста, как добавить товар в корзину? Логику, что должно происходить, понимаю, но не соображу, как это реализовать, с редаксом познакомилась недавно.

При попытке добавить выбранный товар в массив, получаю ошибку TypeError: Cannot add property 0, object is not extensible, а если копировать массив и добавлять в новый, то первый, разумеется, не меняется.

Пробовала через useState, но результат не сохраняется

reducer:

export type InitialState = {
  camerasInBasket: CamerasType;
}

export const initialState: InitialState = {
  camerasInBasket: []
};

export const cameraReducer = createReducer(initialState, (builder) => {
  builder
    .addCase(setCamerasInBasket, (state, action) => {
      state.camerasInBasket = action.payload
    })
});

component:

const camerasInBasket = useAppSelector(getCamerasInBasket);
  const addToBasket = () => {
    camerasInBasket.push(...camerasInBasket, currentCamera)
  };

<button className="btn btn--purple modal__btn modal__btn--fit-width" type="button" onClick={() => {
              addToBasket()
            }}>

Ответы (0 шт):