Usage with eslint no-param-reassign

[brummelte]

I don't want to disable the eslint rule "no-param-reassign" globally, because it prevents errors.

So this seems to be the best way to use immer with that rule enabled:

const nextState = produce(baseState, (draftState) => {
    /* eslint-disable no-param-reassign */
    draftState.test = "New value";
    /* eslint-enable no-param-reassign */
});

There is a way to specify "ignorePropertyModificationsFor" for that eslint rule (https://eslint.org/docs/rules/no-param-reassign). So draftState could be ignored. But that would only exclude that name.

Is there a better way without disabling that rule?

[mweststrate]

@brummelte I don't think your example is a param reassign and the rule shouldn't trigger on it

[brummelte]

You are correct, I just copied it from your example. But the question stays the same:

const nextState = produce(baseState, (draftState) => {
    /* eslint-disable no-param-reassign */
    draftState.test = "New value";
    /* eslint-enable no-param-reassign */
});

[mweststrate]

That isn't a param reassign either, please test before reporting issues Op vr 14 sep. 2018 20:17 schreef Jan Brummelte <notifications@github.com>:

…

You are correct, I just copied it from your example. But the question stays the same: const nextState = produce(baseState, (draftState) => { /* eslint-disable no-param-reassign */ draftState.test = "New value"; /* eslint-enable no-param-reassign */ }); — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#189 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABvGhLyxkysvti5JdWlWYMvl6VlEFCjDks5ua_LSgaJpZM4Wppfh> .

[brummelte]

It is with the option { "props": true }.

Which the airbnb preset uses: https://github.com/airbnb/javascript/blob/master/packages/eslint-config-airbnb-base/rules/best-practices.js

[mweststrate]

Wow that's an insane rule disabling half the language. But not going to argue it, that is too tiring. you might try to set option ignorePropertyModificationsFor: "draft". Otherwise; drop either that rule or immer. Op vr 14 sep. 2018 20:27 schreef Jan Brummelte <notifications@github.com>:

…

It is with the option { "props": false }. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#189 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABvGhGhUuzs6ChESdpV98O5NiPxjqvZ7ks5ua_T6gaJpZM4Wppfh> .

[mweststrate]

For future readers: did that option solve the issue? Op vr 14 sep. 2018 om 21:13 schreef Jan Brummelte <notifications@github.com

…

: Closed #189 <#189>. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#189 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABvGhMcz4mI1XoQ3aFsqDJZ66lGU-ys9ks5ua__vgaJpZM4Wppfh> .

[davalapar]

I also don't like disabling it within its file or function scope.

I think // eslint-disable-line no-param-reassign, although ridiculously repetitive, would do the work.

[brummelte]

For future readers: did that option solve the issue?

The issue was, that that is not the perfect solution. But yes, that setting would work.

[mweststrate]

Ok, to summarize:

1. no-param-reassign rule makes perfect sense, I actually strongly recommend it, because draft = X assignments are really a no-op
2. props: true option though kinda defeats the purpose of immer, and should be kept to false (the default), or an exception could be made by setting ignorePropertyModificationsFor: "draft"

[jaimefps]

Just to make it quicker for ya'll,
if you are extending airbnb,
just do the following in your eslint.rc file:

module.exports = {
  extends: [
    'airbnb', // this means you have "props" = "true" by default
  ],
  rules: {
    'no-param-reassign': ['error', { props: true, ignorePropertyModificationsFor: ['draft'] }],
  },
};

[nurbek-ab]

Also in case you have multiple producers in the same scope, like this:

  markAsSubmitted = isLoading => {
    this.setState(produce(draft => {
      draft.loading = isLoading;
      draft.secondLevel = draft.secondLevel.map(produce(sketch => {
        sketch.submitted = true;
        sketch.thirdLevel = sketch.thirdLevel.map(produce(outline => {
          outline.submitted = true;
        }));
      }));
    }));
  };

This rule would work:

    "no-param-reassign": ["error", {
      "props": true,
      "ignorePropertyModificationsFor": ["draft", "sketch", "outline"]
    }],