Usage of `Checkbox` and `Switch` with react hook form about ui HOT 5 CLOSED

...
import { Controller, useForm } from 'react-hook-form';

export default function Survey() {
  const {
    register,
    handleSubmit,
    formState: { errors },
    reset,
    control,
  } = useForm<{
    isDesktop: boolean;
  }>();
  
  ...

  return (
    <form>
      <Label htmlFor="isDesktop">
        Are you using a desktop version of our app?
      </Label>
      <Controller
        control={control}
        name="isDesktop"
        render={({ field: { onChange, value, ref } }) => (
          <Checkbox onCheckedChange={onChange} checked={value} ref={ref} />
        )}
      />
      <button>Submit</button>
    </form>
  );
}

 <Controller
          control={control}
          name="jobPostEmployment"
          render={({
            field: { onChange, onBlur, value, name, ref },
            fieldState: { invalid, isTouched, isDirty, error },
            formState,
          }) => (
            <div>
              <Select name={name} onValueChange={onChange} defaultValue={value}>
                <SelectTrigger className="w-[180px] mt-2">
                  <SelectValue placeholder={formatSelectValue(value)} />
                </SelectTrigger>
                <SelectContent ref={ref}>
                  <SelectItem
                    value={
                      AdbJobPostEmploymentType.JobPostEmploymentTypeFullTime
                    }
                  >
                    {formatSelectValue(
                      AdbJobPostEmploymentType.JobPostEmploymentTypeFullTime
                    )}
                  </SelectItem>
                  <SelectItem
                    value={AdbJobPostEmploymentType.JobPostEmploymentTypeHourly}
                  >
                    {formatSelectValue(
                      AdbJobPostEmploymentType.JobPostEmploymentTypeHourly
                    )}
                  </SelectItem>
                  <SelectItem
                    value={
                      AdbJobPostEmploymentType.JobPostEmploymentTypePartTime
                    }
                  >
                    {formatSelectValue(
                      AdbJobPostEmploymentType.JobPostEmploymentTypePartTime
                    )}
                  </SelectItem>
                </SelectContent>
              </Select>