Calling an object getter on an immerable draft occurs an Error.

[luncheon]

🐛 Bug Report

Calling an object getter on an immerable draft and mutate another property occurs an Error.

TypeError: Cannot set property bar of # which has only a getter

This error is not occured when setUseProxies(false).

To Reproduce

import { produce, immerable } from "immer";

class Obj {
  constructor() {
    this.foo = 0;
    this._bar = { baz: 1 };
  }

  get bar() {
    return this._bar;
  }

  syncFoo() {
    return produce(this, state => {
      state.foo = state.bar.baz;
    });
  }
}

Obj.prototype[immerable] = true;

const obj = new Obj();
const obj2 = obj.syncFoo();

Expected behavior

The error is not occurred.

Link to repro (highly encouraged)

CodeSandbox

Environment

• Immer version: 4.0.1
• Occurs with setUseProxies(true)
• Occurs with setUseProxies(false) (ES5 only)

[dalcib]

It can be fixe by the PR #438.

[luncheon]

All right. Thank you. I'm looking forward to merging the PR!

[mweststrate]

Immer 7 has been released and handles getters and setters differently from the previous version. Details can be found here: https://immerjs.github.io/immer/docs/complex-objects#semantics-in-detail