Как установить yup-валидацию на рендерере в React

Question

       {
        label: "Room",
        name: "room",
        type: "select",
        rule: yup.string().min(1, 'Room field must have at least 1 or more items').required('Room is a required field'),
        renderer: () => {
          const { control, register, errors } = useFormContext();

          return (
            <SelectPicker
              placeholder="Room"
              data={roomList}
              labelKey="name"
              valueKey="row"
              onChange={(value) => {
                control.setValue('room', value)
              }}
              value={control.getValues()['room']?.row}
            />
          )
        }

Как применить проверку yup к selectpicker, потому что после нажатия кнопки отправки сообщение об ошибке не отображается.

Я пытался применить добавить это

      validate={value => {
            if (!value) {
              return "Required";
            }
          }}

на rsuite selectpicker