Text Field issue - Label name not clearing when load data in TextField

[subash-rishihar]

Steps to reproduce

      <TextField
        label="First Name"
        fullWidth
        size="small"
        error={!!errors.firstName}
        helperText={errors.firstName?.message}
        {...register("firstName", {
          required: "First Name is required",
          maxLength: {
            value: 30,
            message: "First Name must not exceed 30 characters",
          },
        })}
      />

Current behavior

The above code for a text filed to accept user input and save into database.
No issues when we enter data and save to db.
But when we populate the record to the filed from database, the label name is not clearing and both label name and user input appearing in text box.

Expected behavior

No response

Context

No response

Your environment

Search keywords: Text Field - label not clearing when populate data

[mj12albert]

@subash-rishihar Would you mind providing a minimal repro? e.g. Codesandbox/stackblitz