form.setFieldValue does not work

I'm submitting a ... [x] bug report [ ] feature request [ ] question about the decisions made in the repository [ ] question about how to use this project
Summary form.setFieldValue() does not trigger mask.updateValue(), which means value will be reset to the previously inputted by user as soon as rerender triggers. Warning Element value was changed outside of mask. Syncronize mask using mask.updateValue() to work properly. will be displayed in console, indicating that mask.updateValue is required.
Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. StackOverflow, personal fork, etc.)

Consider following component. forceRerender is only for testing purposes to manually trigger component rerender.

import {Form} from "antd";
import {MaskedInput} from "antd-mask-input";
import {useState} from "react";

export function Dummy() {
  const [form] = Form.useForm()
  const [forceRerender, setForceRerender] = useState({})
  return (
    <div>
      <button onClick={() => {
        form.setFieldValue("test", "1234")
        /*
        None works:
        form.setFieldsValue({
          test: '1234'
        })
        form.setFields([{
          name: 'test',
          value: '1234'
        }])
         */
      }}>
        set
      </button>
      <button onClick={() => {
        setForceRerender({})
      }}>
        force rerender
      </button>
      <Form form={form}>
        <Form.Item
          name="test"
        >
          <MaskedInput
            mask={
              '00-00'
            }
          />
        </Form.Item>
      </Form>
    </div>
  )
}

Steps to reproduce:

Type anything in input
Press set button
Press force rerender button

Expected outcome: Input value is 1234 as that's what form contains

Actual outcome: Input value is whatever user typed on step 1.

Package versions: react: 17.0.2 antd: 4.23.5 antd-mask-input: 2.0.7

antoniopresto / antd-mask-input

form.setFieldValue does not work #60