mobx-react-form is not compatible with MobX 6.1

mobx-react-form is not compatible with MobX 6.1. The @action decorator does not apply to some methods.

Example:

import { autorun } from "mobx";
import MobxReactForm from "mobx-react-form";

const form = new MobxReactForm({
  fields: {
    note: {
      value: "Foo"
    }
  }
});

autorun(() => {
  console.log(form.$("note").value);
});

form.$("note").set("Bar");

Console output:

Foo 
[MobX] Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: Field@5.$value 
Bar 

CodeSandbox: https://codesandbox.io/s/angry-ganguly-t4f4i.

The problem is the use of mixins https://github.com/foxhound87/mobx-react-form/blob/master/src/index.js#L5-L30. I created a playground in which you can experiment with this without diving into the implementation details of the mobx-react-form https://codesandbox.io/s/mobx-react-form-mixins-playground-sbt0c.

[vkrol]

@rafaeldsousa I’m waiting for feedback from @foxhound87 😃

[rdgco]

@smiley-uriux - please see my latest PR. I’m with you, this mobx ecosystem is really important. I’ve also been updating mobx-router.