Overriding input default values not working

Hi, I’m trying to set default values this way :

<input {...form.$('username').bind({value: user.username})} />

The value appears, but it’s immutable. And when outputting the form values, the default values are not shown.

[foxhound87]

If you need more help, feel free to reopen this issue.

[foxhound87]

Because you are overriding the component value which is connected to the store by the bindings using bind(). You should pass the value to the fields definition instead which initializes the stores. Otherwise, you are not using the field value provided by the store of the package, losing all benefits of the package because in your case the state management should be made by you providing a mobx observable.