Почему возникает ошибка Cannot perform 'get' on a proxy that has been revoked?

Question

[luxurypluxury]

Отправляю запрос на добавление элемента в бд, и после этого сервер возвращает этот товар, и я его пытаюсь запушить в хранилище редакс, но вылазит эта ошибка. Почему так?
Вот сама ошибка:

Сам экшн, ругается на state.items.push(data):

updateFavorite(state, action: PayloadAction<string>) {
            const findItem = state.items.find((obj) => obj._id === action.payload);
            if (findItem) {
                (async () => {
                    await removeFromWishList(action.payload);
                })();
                state.items = state.items.filter((obj) => obj._id !== action.payload);
            } else {
                (async () => {
                    const data = await addToWishList(action.payload);
                    state.items.push(data);
                })();
            }
        }

Answer 1

[Алексей]

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

Comments

[luxurypluxury]

Подскажите, как исправить?

[Алексей]

luxurypluxury, вынести логику в асинхронный экшен, в redux-toolkit используется для этого redux-thunk по-умолчанию, а в редюсер потом уже передавать только данные для изменения состояния.

Про асинхронную логику почитать тут