SharePoint:FormDigest замораживает Semantic-Ui-React Grid.Column onClick

Question

Я занимаюсь разработкой веб-приложения Sharepoint 2013. Пользовательский интерфейс приложения работает нормально без sharepoint, но добавление Sharepoint:FormDigest имеет странный побочный эффект, который предотвращает повторное открытие формы semantic-ui-Reaction... Любая подсказка будет принята с благодарностью.

Добавление следующих строк в index.html приводит к ошибке, описанной выше.

<form runat="server">
  <SharePoint:FormDigest ID="FormDigest1" runat="server"></SharePoint:FormDigest>
</form>

Строки ниже открывают модальную форму. Форма открывается по первому щелчку, но когда форма закрыта (отправлено или нет), второй щелчок не срабатывает (в веб-консоли не отслеживается "щелчок").

                        <Grid.Column>
                            <div className="presentation" onClick={()=>{
                                console.log('click');
                                this.setState( {openModal: true, typeModal: 'share'} );
                            }}>
                                <FaShareAlt size={45} className="icon" color='#474747'/>
                                <h2>Share knowledge</h2>
                            </div>
                        </Grid.Column>

Если я удаляю тег SharePoint:FormDigest в файле index.html, все работает нормально. Мне нужно, чтобы тег был в файле html, чтобы обновить списки Sharepoint, которыми управляет приложение...

Я также заметил, что ошибка появляется, как только я выбираю один из 2 элементов Form.Select ниже. Если я не использую Form.Select, то ошибки нет. Тем не менее, эти поля являются обязательными...

                        <Form.Group widths='equal'>
                            <Form.Select error={this.state.formError.includes('duration') ? (true) : (false)} value={duration} name="duration" onChange={this.handleFormChange} id='form-select-control-duration' required label='Duration' options={this.optionsDuration} placeholder='The approximative duration of the session' />
                            <Form.Select error={this.state.formError.includes('category') ? (true) : (false)} value={category} name="category" onChange={this.handleFormChange} id='form-select-control-category' required label='Category' options={this.optionsCategory} placeholder='Help people to find your post' />
                        </Form.Group>

Метод handleFormChange такой же, как и для других полей Form.Input (которые не вызывают эту ошибку).

Версия

"gd-sprest": "^3.5.5"
"react": "^16.2.0"
"react-dom": "^16.2.0"
"react-icons": "^2.2.7"
"react-promise": "^2.0.1"
"react-router": "^4.2.0"
"react-router-dom": "^4.2.2"
"react-scripts": "1.0.17"
"react-scrollable-anchor": "^0.6.1"
"semantic-ui-css": "^2.3.0"
"semantic-ui-react": "^0.78.3"