How to use the @babel/runtime/helpers/esm/inheritsLoose function in @babel/runtime

function (_React$Component) {
  _inheritsLoose(Switch, _React$Component);

  function Switch() {
    return _React$Component.apply(this, arguments) || this;
  }

  var _proto = Switch.prototype;

  _proto.render = function render() {
    var _this = this;

    return React.createElement(context.Consumer, null, function (context) {
      !context ? process.env.NODE_ENV !== "production" ? invariant(false, "You should not use 

function (_TargetClass) {
        _inheritsLoose(CcClass, _TargetClass);

        function CcClass(props, context) {
          var _this;

          try {
            _this = _TargetClass.call(this, props, context) || this;
            if (!_this.state) _this.state = {};
            var ccKey = props.ccKey,
                _props$ccOption = props.ccOption,
                ccOption = _props$ccOption === void 0 ? {} : _props$ccOption;
            var originalCcKey = ccKey;
            util.bindThis(_assertThisInitialized(_this), ['__$$mapCcToInstance', '$$changeState', '__$$recoverState', '$$domDispatch', '$$sync', '__$$getEffectHandler', '__$$getXEffectHandler', '__$$makeEffectHandler', '__$$getInvokeHandler', '__$$getXInvokeHandler', '__$$makeInvokeHandler', '__$$getChangeStateHandler', '__$$getDispatchHandler', '__$$getSyncHandler']); // if you flag syncSharedState false, that means this ccInstance's state changing will not effect other ccInstance and not effected by other ccInstance's state changing

            if (ccOption.syncSharedState === undefined) ccOption.syncSharedState = true; // if you flag syncGlobalState false, that means this ccInstance's globalState changing will not effect cc's globalState and not effected by cc's globalState changing

            if (ccOption.syncGlobalState === undefined) ccOption.syncGlobalState = true;

var Provider = /*#__PURE__*/function (_Component) {
    _inheritsLoose(Provider, _Component);

    function Provider() {
      var _this;

      _this = _Component.apply(this, arguments) || this;
      _this.emitter = createEventEmitter(_this.props.value);
      return _this;
    }

    var _proto = Provider.prototype;

    _proto.getChildContext = function getChildContext() {
      var _ref;

      return _ref = {}, _ref[contextProp] = this.emitter, _ref;
    };

function (_PureComponent) {
  _inheritsLoose(Dialog, _PureComponent);

  function Dialog() {
    return _PureComponent.apply(this, arguments) || this;
  }

  var _proto = Dialog.prototype;

  _proto.componentDidMount = function componentDidMount() {
    this._container = document.createElement('div');

    this._container.classList.add('_x_dialog_');

    document.body.appendChild(this._container);
    this.setState({});
  };

function (_Component) {
  _inheritsLoose(TimeRange, _Component);

  function TimeRange(props) {
    var _this;

    _this = _Component.call(this, props) || this;

    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onChange", function (t) {
      var range;

      if (_this.state.current === 0) {
        range = [t, _this.tpB.getTime()];
      } else {
        range = [_this.tpA.getTime(), t];
      }

      _this.props.onChange && _this.props.onChange(range);

function (_Component) {
  _inheritsLoose(ActionSheet, _Component);

  function ActionSheet() {
    return _Component.apply(this, arguments) || this;
  }

  var _proto = ActionSheet.prototype;

  _proto.componentDidMount = function componentDidMount() {
    this._container = document.createElement('div');

    this._container.classList.add('_x_actionsheet_');

    document.body.appendChild(this._container);
    this.setState({});
  };

function (_PureComponent) {
  _inheritsLoose(Popup, _PureComponent);

  function Popup() {
    return _PureComponent.apply(this, arguments) || this;
  }

  var _proto = Popup.prototype;

  _proto.componentDidMount = function componentDidMount() {
    this._container = document.createElement('div');

    this._container.classList.add('_x_popup_');

    document.body.appendChild(this._container);
    this.setState({});
  };

function (_Component) {
    _inheritsLoose(Provider, _Component);

    var _proto = Provider.prototype;

    _proto.getChildContext = function getChildContext() {
      var _ref;

      return _ref = {}, _ref[storeKey] = this[storeKey], _ref[subscriptionKey] = null, _ref;
    };

    function Provider(props, context) {
      var _this;

      _this = _Component.call(this, props, context) || this;
      _this[storeKey] = props.store;
      return _this;
    }

function (_React$Component) {
  _inheritsLoose(Router, _React$Component);

  Router.computeRootMatch = function computeRootMatch(pathname) {
    return {
      path: "/",
      url: "/",
      params: {},
      isExact: pathname === "/"
    };
  };

  function Router(props) {
    var _this;

    _this = _React$Component.call(this, props) || this;
    _this.state = {
      location: props.history.location

function (_React$Component) {
    _inheritsLoose(DefaultComponent, _React$Component);

    function DefaultComponent(props, context) {
      return _React$Component.call(this, props, context) || this;
    }

    var _proto = DefaultComponent.prototype;

    _proto.render = function render() {
      return this.props.children || React.createElement('span', {
        style: {
          display: 'none'
        }
      });
    };

    return DefaultComponent;