I use @reduxjs/toolkit and my state contains: allSlides: ISlide[]; When I try to change anything in allSlides like ex. setAllSlides(state, action: PayloadAction<ISlide[]>) { state.allSlides ...

I have my reducer const userAuthSlice = createSlice({ name: "userAuth", initialState: { token: '', }, reducers: { setToken: (state, action) => state.token = action.payload.test, }, }); An...

EDIT: The solution is to return state after I replace it completely (return state = {...action.payload})! But why? I don't need to return it when I replace the fields individually. I'm working wit...

Here's a fix for the following vulnerability: Critical Prototype Pollution in immer Package immer Patched in >=9.0.6 Dependency of react-scripts Path react-scripts > react-dev-utils &...

In general, using a mutable object such as Map is strongly discouraged. However, the magic of immer allows immutable objects to be manipulated as though they are mutable. Specifically, immer suppor...

I am using immer to transform react/redux state. Can I also use immer to just deep copy an object without transforming it? import produce, {nothing} from "immer" const state = { hello: "world"...

import produce from "immer"; const initialState = { isLoading: true, error: "", burgers: [], }; export default function (state = initialState, action) { switch (action.typ...

I'm trying to update a nested prop on one of my objects, which according to the docs should work exactly like that, I believe. Just the be clear the state has a list of lessons, each lesson has a l...

I have some slices that use Sets in their state. I have this code: import { configureStore } from '@reduxjs/toolkit'; import { enableMapSet } from 'immer'; import { reducers } from './reducers'; e...

Consider the following code, where line 2 fails with Property 'newProperty' does not exist on type 'WritableDraft<MyObject>'. TS7053 // data is of type MyObject which until now has only a pro...

I'm using immer in a react app to handle state changes. Let's say the state didn't change as I expected, so I'd want to debug it, but both console.log and debugger gives a Proxy object which doesn'...

When I have an object which has nested optional fields, like: type FormState = { aaa?: { bbb?: { ccc?: number } } } When I want to set value to aaa.bbb.ccc in typescript, I have to: import pr...

I don't know why even I have modified the draft, immer didn't provide me with a new state, but the old state instance with modified content. import CartItem from "../../models/cart-item";...

when trying to console.log a piece of (an array) managed with @reduxjs/toolkit it is always either undefined or proxy. when using import { original } from "immer"; and console.log(origina...

//I want my action to dispatch payload like // {type:'update',payload:{'current.contact.mobile':'XXXXXXXXX'}} //In reducer dynamically select the segment of state update needs to be applied t...

I wonder if it is possible to update multiple properties of state with immer.js in one "call". Say I have state: export const initialState = { isUserLogged: false, menuIsClosed: false, mobileM...

Looked around the web and can't find an example of using import produce, {Draft} from "immer"; with the ngrx on() the closest I can find is: a non complete solution on: https://github.com/immerjs...

I have this failing test using the produce method of immer.js: it('should replace array reference in state', () => { let state = { someArray: [1], }; const somArrayUpdate = [2, 3]; state...