Тег селектора с проблемой defaultvalue (JSX)

Свойство defaultValue в теге селектора не работает должным образом. У меня есть компонент формы с некоторыми полями и некоторыми полями выбора. Теперь мне нужно предварительно заполнить форму, когда кнопка редактирования нажата из другого компонента. Я передаю данные с помощью this.props.history.push({ pathname: "/Register", prePopulate: res.data.data });

и я получаю доступ к данным с помощью this.props.location.prePopulate.

Я устанавливаю новые значения в состояние, и поля формы загружаются с предыдущими данными. Проблема заключается в селекторах, которые не показывают ранее выбранные параметры. Я попытался использовать свойство defaultvalue и передать значение this.state.value, но оно не работает. Если я жестко запрограммирую параметр, он работает, но не тогда, когда он пытается извлечь из состояния.

<select
                        className = {classnames("form-control form-control-sm", {
                          "is-invalid": this.state.valEmergency
                        })}
                        name = "emergency"
                        onChange = {this.onChange}
                        defaultValue = {this.state.emergency}
                      >
                        <option value = "">Choose your level</option>
                        <option value = "PRIMARY">Primary</option>
                        <option value = "SECONDARY">Secondary</option>
                        <option value = "TERTIARY">Tertiary</option>
                      </select>