why refresh required to have values bound to form here?

import { useShow, useOne } from "@refinedev/core";
import { Show, NumberField, DateField, Edit } from "@refinedev/mui";
import { Typography, Stack, Box, TextField } from "@mui/material";
import { Form } from "@formio/react";
import { useEffect, useState } from "react";
import { useForm } from "@refinedev/react-hook-form";


export const SubmissionEditAlt = () => {
  const {
    saveButtonProps,
    refineCore: { query, formLoading },
    register,
    control,
    formState: { errors },
  } = useForm();

  if (formLoading) {
    return <div>loading...</div>;
  } else {
    return (
      <form>
        <label>FormId: </label>
        <input {...register("formId")} />

        <label>forUsers: </label>
        <input {...register("forUsers")} />
      </form>
    );
  }
};

import { useShow, useOne } from "@refinedev/core";
import { Show, NumberField, DateField, Edit } from "@refinedev/mui";
import { Typography, Stack, Box, TextField } from "@mui/material";
import { Form } from "@formio/react";
import { useEffect, useState } from "react";
import { useForm } from "@refinedev/react-hook-form";


export const SubmissionEditAlt = () => {
  const {
    saveButtonProps,
    refineCore: { query, formLoading },
    register,
    control,
    formState: { errors },
  } = useForm();

  if (formLoading) {
    return <div>loading...</div>;
  } else {
    return (
      <form>
        <label>FormId: </label>
        <input {...register("formId")} />

        <label>forUsers: </label>
        <input {...register("forUsers")} />
      </form>
    );
  }
};