[Duda] Duda de react hook form | React | Alura Latam

estoy en mi proyecto de aluraGeek y estoy usando react hook form.

import { useForm, Controller } from "react-hook-form"
const [categoryList, setCategoryList] = useState([])
  const category = [
    "Videos",
    "Music",
    "Images",
    "Gits",
  ]
  function handleCategoryList(event){
    setCategoryList(event.target.value)
    console.log(event.target.value)
  }
  <Controller 
              control={control}
              defaultValue=""
              rules={{required: "Este campo es obligatorio"}}
              render={({ field, fieldState }) => (
                  <>
                    <InputSelect {...field} onChange={handleCategoryList} value={categoryList}>
                      <option value="" defaultValue="" hidden>Choose an option</option>
                      {category.map((item, i) => (
                        <option value={item} key={i}>{item}</option>
                      ))}
                    </InputSelect>
                    {fieldState?.error && <InputErrors>{fieldState.error?.message}</InputErrors>}
                  </>
              )} 
              name="category"
              />

me sale este error.

react-dom.development.js:86 Warning: The value prop supplied to

must be a scalar value if multiple is false.