Невозможно прочитать карту свойств неопределенного значения при выборе параметров раскрывающегося списка из массива в useEffect

У меня есть массив с именами пользователей в функции useEffect, и я пытаюсь отобразить его в опции выбора, используя функцию карты.

let dropdown= React.createRef();

useEffect(() => {
    setstate({
      users: ['test user', 'lokesh'],
      username: 'test user'
    })
});

И у меня есть форма, в которой я хочу отобразить ее в раскрывающемся списке

<form onSubmit={onsubmit}>
    <div className="form-group">
      <label for="username">Username</label>
      <select ref={dropdown}
        required
        className="form-control"
        value={state.username}
        onChange={onChangeUsername}
      >
        {state.users.map(user => {
          return (
            <option
              key={user}
              value={user}>
              {user}
            </option>
          )
        })}
      </select>
</div>
<form>

Страница загружается, но выдает ошибку, когда я нажимаю другие входные тексты