How to update the form when a field update?

[ArielBenichou]

let say i have two fields:

  const form = useForm({
    defaultValues: {
      favoriteFood: "",
      skip: false,
    },
    onSubmit: async ({ value }) => {
      console.log(value);
    },
  });

favoriteFood is a <Select />, and skip is a <Checkbox />.
i want to set the favoriteFood to "none" when skip is true.

that what i've tried:

<form.Field
  name="skip"
  children={(field) => (
    <Checkbox
      checked={field.state.value}
      name={field.name}
      onChange={(e) => {
        const isChecked = e.target.checked;
        // Try 1: use the form.setFieldValue
        field.form.setFieldValue("favoriteFood", isChecked ? "none" : "", { touch: true });
        // Try 2: use the form.state.values
        field.form.state.values.favoriteFood = isChecked ? "none" : "";
        field.handleChange(isChecked)
      }}
    >
      I don't have a favorite food
    </Checkbox>
)}
/>

I've tried using the setFieldValue, and setting the state directly but it doesn't work, maybe i need to tell the form to update somehow?

any help is appreciated

[ArielBenichou]

So form.setFieldValue("favoriteFood", "none") is working as expected.
in the end it was because i didn't pass the field.state.value to the right field of the Checkbox (nextui), in the above code i passed it to the checked while it should have been isSelected.