Jak wyświetlić wartości w dropdown?

Witam,

mam pytanie od dłuższego czasu się z tym mierzę i nie znalazłem za bardzo odpowiedzi a pewnie jest to coś w miarę oczywistego, w dropdown mogę wybrać miejscowość i trafia do zmiennej ale dropdown nie wyświetla tej miejscowość screen to lepiej ukaże :

Pozdrawiam

const { field } = useController({ name: 'locationId', control });
const { value: locationId, onChange: locationChange, ...restLocationId } = field;

return (
  <form onSubmit={onSubmit}>
    <h2>{locationId}</h2>
   
    <Select
      className='select-input'
      placeholder="Select Language"
      isClearable
      options={arrayOfObjects}

      value={locationId}
      onChange={locationId => locationChange(locationId.name ? locationId.name : locationId.name)}
      {...restLocationId}
    />

    {/* <input {...register("MedicalRecord")} placeholder="MedicalRecord" /> */}
    <input {...register("image")} placeholder="image" />

    <input type="submit" />
  </form>
);
}