React Hook Form требуется динамическая форма

Я пытаюсь создать форму с двумя полями, используя форму реагирования, где требуемое значение текстового поля зависит от значения раскрывающегося списка выбора.

Вот мой код:

  const { handleSubmit, control, errors } = useForm();

  const [isPickupPoint, togglePickupPoint] = useState(false);

  const handleDestinationTypeChange: EventFunction = ([selected]) => {
    togglePickupPoint(selected.value === "PICKUP_POINT");
    return selected;
  };

            <Grid item xs={6}>
              <InputLabel>Destination type</InputLabel>
              <Controller
                as={Select}
                name="destinationType"
                control={control}
                options={[
                  { label: "Pickup point", value: "PICKUP_POINT" },
                  { label: "Shop", value: "SHOP" },
                ]}
                rules={{ required: true }}
                onChange={handleDestinationTypeChange}
              />
              {errors.destinationType && (
                <ErrorLabel>This field is required</ErrorLabel>
              )}
            </Grid>
            <Grid item xs={6}>
              <Controller
                as={
                  <TextField
                    label="Pickup Point ID"
                    fullWidth={true}
                    disabled={!isPickupPoint}
                  />
                }
                control={control}
                name="pickupPointId"
                rules={{ required: isPickupPoint }}
              />
              {errors.pickupPointId && (
                <ErrorLabel>This field is required</ErrorLabel>
              )}
            </Grid>
            <Grid item xs={12}>
              <Button
                onClick={onSubmit}
                variant={"contained"}
                color={"primary"}
                type="submit"
              >
                Save
              </Button>
            </Grid>

Флаг isPickupPoint изменяется правильно, потому что опора disabled для textfield работает нормально. Текстовое поле активно только при выборе опции PICKUP_POINT. Но требуемый реквизит не работает, он всегда ложный. Когда я пытаюсь отправить форму, когда она пуста, появляется метка ошибки destinationType, но когда я пытаюсь отправить форму с параметром PICKUP_POINT и пустым полем pickupPointId, она проходит без ошибок.

Как я могу заставить работать эту динамическую опору?