Semantic UI React Dropdown не очищает поисковый ввод, когда ничего не выбрано

Question

рассмотрим выпадающий список с официального сайта: https://react.semantic -ui.com / modules / dropdown /

Чего я хотел бы достичь:

1. введите что-нибудь, например, "foo"
2. Ничего не найдено в выпадающем списке
3. Нажмите вне выпадающего списка
4. Выпадающий список закрывается, и "foo" все еще находится ввходные данные для поиска
5. Удалить строку "foo"
6. Щелкните за пределами ввода для поиска
7. Снова отобразите заполнитель

Как этоведет себя:

1. введите что-нибудь, например "foo"
2. В выпадающем списке результатов не найдено
3. Нажмите вне выпадающего списка
4. Выпадающий список закрываетсяи поисковый ввод пуст
5. Заполнитель не отображается

Что я пробовал:

<Dropdown
    selection
    onClose={this.handleSearchServerClose}
    options={this.props.headerStore.searchServerResult.slice(0, 15)}
    placeholder='Search server'
    value={this.state.serverQuery}
    onSearchChange={this.handleSearchServerChange}
    search
/>

handleSearchServerChange = (e) => {
    this.setState({
        serverQuery: e.target.value
    })

    if (e.target.value.length > 1) {
        searchServers(e.target.value)
            .then(res => {
                this.props.searchServersAction(res.data)
            })
    }
}

handleSearchServerClose = (e, { value }) => {
    var route = "/server/details/" + this.state.serverQuery
    this.props.history.push(route)  
}

Есть ли способ, каксохранить ввод в поиске, когда ничего не выбрано?