import Form, { Field } from "rc-field-form";

const Input = ({ value = "", ...props }) => <input {...props} value={value} />;

function App() {
  const [form] = Form.useForm<{ username: string }>();

  const setFormFields = () => {
    // Warning: Warning: There may be circular references
    // https://github.com/react-component/util/blob/871c2c146b1050e33091005b32b8debcdcd15ca7/src/isEqual.ts#L14
    form.setFields([{ name: "username", errors: [] }]);
  };

  return (
    <Form form={form}>
      <Field
        name="username"
        rules={[{ required: true }]}
        onMetaChange={() => {}}
      >
        <Input />
      </Field>

      <button onClick={setFormFields}>Set Form Fields</button>
    </Form>
  );
}

export default App;