Почему defaultValue ведет себя по-другому на элементе select?

Есть следующий код:

<form>
<select value="3" defaultValue="3">
<option value="1">dds</option>
<option value="2">dds1</option>
<option value="3">dds2</option>
</select>
<input defaultValue="test" type="text" />
 <input type="reset" value="Сбросить" />
</form>

При нажатии по кнопке "Сбросить" - в инпуте значение test, а селект сбрасывается в "dds", вместо ожидаемого "dds2" . Что не так?
Используется фреймворк React.