Changing state does not change selected value in dropdown

const [something, setSomething] = useState({
  name: [],
  score: ""
});

const reset = () => {
  setSomething({
    name: [],
    score: ""
};

return(
  <>
    <button onClick={() => reset()}> Reset </button>
    <form onSubmit={doSomething}>
      <Select
        options={persons} // [{"name": "A", "id": 1}, ...]
        labelField="name"
        valueField="id"
        values={[...state.name]}
        onChange={(value) => {
          setSomething({...state, name: value.name})
        }}
      />
    </form>
  </>
);

Then calling reset() will reset something but the selected value will not revert to the default Select... placeholder.

This is after following https://github.com/sanusart/react-dropdown-select/blob/master/docs/src/examples/ExternalClear.js but making it functional.

sanusart / react-dropdown-select

Changing state does not change selected value in dropdown #318