hideTooltip is fired when the component already unmounted

[oluckyman]

I have a component with lots of active cells with tooltips.Tooltips are initialized with 3 sec hide delay:

        <ReactTooltip
          offset={{ top: 10 }}
          border={ true }
          delayShow={ 0 }
          delayHide={ 3000 }
          html={ true }
        />

When the user hovers the cells there is lots of hide timeouts fired and if the user navigates to another page (ReactTooltip is being unmounted) the timeouts are start firing and throws the errors into console:

I see that it happens because of setState in timeout callback:

  hideTooltip () {
    const {delayHide} = this.state
    clearTimeout(this.delayShowLoop)
    setTimeout(() => {
      this.setState({    // ← component is unmounted when the callback fired
        show: false
      })
      this.removeScrollListener()
    }, parseInt(delayHide, 10))
  }

So I gonna to introduce delayHideLoop variable to store the hide timeout id and clear it when the component is unmounting