antd에서 Form의 initialValues 지연 설정

const { data, loading } = useQuery(SOME_QUERY);
import { Form } from "antd";
import { useEffect, useState } from "react";

export default function SomeComponent() {
  const [form] = Form.useForm();
  const [hoge, setHoge] = useState("");

  useEffect(() => {
    if (loading === false && data) {
      form.setFieldsValue({
        name: data.xxx.name,
      });
      setHoge(data.xxx.hoge);
    }
  });

  return (
    <>
      <Form name="example" form={form}>
        <Form.Item name="name"></Form.Item>
        <Form.Item name="hoge"></Form.Item>
      </Form>
    </>
  );
}