How to use the semantic-ui-react/dist/commonjs/lib.doesNodeContainClick function in semantic-ui-react

handleClickOutside = e => {
    if (this.ref && doesNodeContainClick(this.ref, e)) return;
    this.props.closeMenu();
  };

handleClickOutside = e => {
    if (
      this.objectBrowser &&
      doesNodeContainClick(this.objectBrowser.current, e)
    )
      return;
    this.props.closeObjectBrowser();
  };

handleClickOutside = e => {
    if (this.sidebar && doesNodeContainClick(this.sidebar.current, e)) return;
    this.props.closeSidebar();
  };

handleClickOutside = e => {
    if (
      this.props.blockNode.current &&
      doesNodeContainClick(this.props.blockNode.current, e)
    )
      return;
    this.setState(() => ({
      addNewBlockOpened: false,
    }));
  };

handleClickOutside = e => {
    if (
      this.props.blockNode.current &&
      doesNodeContainClick(this.props.blockNode.current, e)
    )
      return;
    this.setState(() => ({
      addNewBlockOpened: false,
    }));
  };

handleClickOutside = e => {
    if (
      this.objectBrowser &&
      doesNodeContainClick(this.objectBrowser.current, e)
    )
      return;
    this.props.closeBrowser();
  };

handleClickOutside = e => {
    if (
      this.linkFormContainer.current &&
      doesNodeContainClick(this.linkFormContainer.current, e)
    )
      return;
    this.onClose();
  };

handleClickOutside = e => {
    if (this.node && doesNodeContainClick(this.node, e)) return;
    this.setState(() => ({
      currentSelectedCard: null,
    }));
  };

handleClickOutside = e => {
    if (this.pusher && doesNodeContainClick(this.pusher, e)) return;
    this.closeMenu();
  };