Как побороть ошибку при отключенном состоянии selectrow в реакции?

Question

У меня есть selectrow, у которого есть отключенный атрибут, и это зависит от свойства "tarifDisabled" в состоянии.По умолчанию tarifDisabled в состоянии false.

this.state = {
...
tarifDisabled: false
...
}

моя строка выбора:

<SelectRow
                clearable={false}
                disabled={this.state.tarifDisabled}
                errorMessage={errors.tarif}
                firstOption={i18n.t('CabCertInit.select_tariff')}
                handleChange={v => this.tariffChange(v)}
                labelName={i18n.t('CabCertInit.tariff')}
                list={filteredTariffs}
                name="tarif"
                preselectOption
                isSelectedFirstValue
                value={this.state.tarif}
              />

У меня есть метод, в котором я вызываю setState и устанавливаю tarifDisabled: false.И у меня есть метод connectsocket (я не писал этот метод), в котором tarifDisabled имеет значение true.Когда я нажимаю кнопку, чтобы открыть новую вкладку с формой, все в порядке, но когда я обновляю страницу, иногда я обновляю страницу дважды и так далее, и когда я нажимаю кнопку еще раз и открываю вкладку с формой, я получаю отключенную строку выбора.Я застрял.Почему так происходит?Помогите мне, пожалуйста.как отключить всегда ложь моей строки выбора, когда я нажимаю на кнопку?заранее спасибо