react-hook-form: formState.dirty not being updated after field's value changes with @testing-library/react

Describe the bug

react-hook-form does not update formState parameters when fields get updated inside testing-library tests.

To Reproduce

You can reproduce it with the following code:

// form.js
import React from 'react';

import {useState} from 'react';

import useForm from 'react-hook-form';

const Form = ({submit}) => {
  const { register, handleSubmit, formState } = useForm({mode: 'onChange'});
  
  const [val, setVal] = useState(false);

  const onSubmit = (data) => {
    setVal(true);
    // formState.dirty === false should be true
    submit(formState.dirty)
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input data-testid="myinput" name="myinput" ref={register} /> {/* register an input */}
      
      <button type="submit" data-testid="login-submit"> Login </button>

      {val && <div data-testid="my-res"> Value Set! </div>}
    </form>
  );
};

export default Form;

// form.spec.js
import React from 'react';

import { render, cleanup, fireEvent } from '@testing-library/react';

import Form from './form';

require('mutationobserver-shim');

afterEach(cleanup);

describe('form', () => {

  it('tells when submission is dirty', async () => {

    const submit = jest.fn()
    const { getByTestId, findByTestId } = render(<Form  submit={submit}/>);

    const myinput = getByTestId("myinput");

    const submitButon = await findByTestId('login-submit');

    fireEvent.change(myinput, { target: { value: 'set random input' } });

    fireEvent.click(submitButon);

    await findByTestId('my-res')

   // it's being called with false
    expect(submit).toHaveBeenCalledWith(true)
  });

});

Expected behavior When submitting, formState.dirty should be true as we’ve changed the input value.

Desktop (please complete the following information):

• @testing-library/react@9.3.0
• Version “3.23.18-beta.2”