score:2

Accepted answer

i think you are missing props.value and props.onchange(e) and you may not need handlesalutationchange(e):

<controller
  control={control}
  name="salutation"
  defaultvalue=""
  rules={{ required: "salutation is required" }}
  disabled={issubmitting}
  render={(props) => (
     <select
       id="salutation"
       {...props}
       label="salutation"
       options={salutation_items}
       value={props.value} // this one: props.value
       onchange={(e) => {
         props.onchange(e)   // i think you are missing this
         handlesalutationchange(e) // not needed ?
       }}
       disableleftaddon={false}
       rightchildren={
          <riarrowdownsfill classname="dropdownarrow" />
       }
     />
   );
  }}
/>

Related Query

More Query from same tag