immerjs / immer

Create the next immutable state by mutating the current one

Home Page:https://immerjs.github.io/immer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Maybe update docs

olegdunkan opened this issue Β· comments

πŸ™‹β€β™‚ Question


const a = { id: 1 };
const b = { id: 2, children: [a] };

const objs = { 1: a, 2: b };

const fn = produce((draft) => {
  draft[2].children[0].x = 1;
});

const r = fn(objs);

console.log(r[1]); // {id:1}
console.log(r[2].children[0]); //{id:1, x:1}


In two places of objs we have two pointers to the same object a but when we change it in one place we treat it like two different objects.

I expected that to be

console.log(r[1]); // {id:1, x:1}
console.log(r[2].children[0]); //{id:1, x:1}

I didn't find anything about that in docs.