React click outside element.(no ref)

clickOutside.jsx

  iconClick = () => {
      if (this.state.showMenu === 'none') {
          this.showMenu();
          document.addEventListener('click', this.iconClickOutside);
      } else if (this.state.showMenu === 'flex') {
          this.hideMenu();
          document.removeEventListener('click', this.iconClickOutside);
      }
  }
  iconClickOutside = (e) => {
      if(e.target.id !== 'swe-settings-item') {
          this.hideMenu();
          return
      }
      this.iconClick()
  }