События onClick не запускаются внутри iOS Instagram В браузере приложений Meteor React JS Web App

Question

Я обнаружил ошибку на сайте, который мы создали, и я не могу понять, как отлаживать.В настоящее время выполняется попытка отладки с помощью приложения GhostLab.

Проблема

При посещении этого веб-сайта в iOS Instagram в браузере приложений любые события onClick не работают.

Приложение прекрасно работает в мобильных браузерах Safari и настольных браузерах.

ICON-код заголовка

<i className="fas fa-shopping-bag" onClick={() => this.props.activeCartDropdown()} />
<i className="fas fa-bars" onClick={() => this.props.activeHeaderDropdown()} />

Код часто задаваемых вопросов

import React from 'react';
import PropTypes from 'prop-types';
import { Link, NavLink, withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import Bootstrap from 'bootstrap';
import Helmet from 'react-helmet';

import history from '/client/history';

class BrandAmbassadorFAQ extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      open: false
    }
  }

  render() {

    return (
      <div className={`faq ${this.state.open}`} onClick={() => this.setState({ open: !this.state.open })}>
        <div className="question">
          {this.props.question}
        </div>

        <div className="answer">
          {this.props.answer}
          {this.props.image &&
            <img src={this.props.image} className={`img-fluid ${this.props.image_size ? this.props.image_size : ''}`}/>
          }
        </div>

      </div>
    )
  }
}

export default BrandAmbassadorFAQ;

Детали приложения и версии

Meteor 1.8.0.2
React 16.4.2
@babel/runtime 7.3.1

Answer 1

Понижение @babel/runtime с 7.3.1 до 7.0.0-beta.55 решило проблему.Будет продолжать мониторинг.