`Controller` & `control` should not be triggered validation when its removed from the dom (Version 7)

Describe the bug The controller & control validate the fields that has been removed from the dom based on watching select value.

To Reproduce Steps to reproduce the behavior:

 {watchBusinessOwnerForm("idType") === "PASSPORT" && (
                      <div class="flex items-start justify-between space-x-6">
                        <Controller
                          control={controlBusinessOwnerForm}
                          rules={{ required: "This field is required" }}
                          name="beginDate"
                          defaultValue=""
                          render={({
                            field: { ref, ...props },
                            fieldState: { invalid, error },
                          }) => (
                            <TextField
                              {...props}
                              type="date"
                              InputLabelProps={{
                                shrink: true,
                              }}
                              inputRef={ref}
                              error={invalid}
                              helperText={invalid ? error.message : ""}
                              className="w-full"
                              label="Passport date of issue"
                            />
                          )}
                        />

                        <Controller
                          control={controlBusinessOwnerForm}
                          rules={{ required: "This field is required" }}
                          name="endDate"
                          defaultValue=""
                          render={({
                            field: { ref, ...props },
                            fieldState: { invalid, error },
                          }) => (
                            <TextField
                              {...props}
                              type="date"
                              InputLabelProps={{
                                shrink: true,
                              }}
                              inputRef={ref}
                              error={invalid}
                              helperText={invalid ? error.message : ""}
                              className="w-full"
                              label="Passport date of expiry"
                            />
                          )}
                        />
                      </div>
                    )}

Codesandbox link (Required) Include a codesandbox will help us to investigate the issue quicker.

Expected behavior Its should not validate those fields that has been removed from the dom, its should work as v6. After the field add back only will be trigger the validation rules.

[bluebill1049]

We are working on a feature for this.

[bluebill1049]

you are right @fauzymk defaultValues will be registered for absent input. This is an improvement so users doesn’t have to register inputs manually at useEffect.