When setting the tooltip to disabled, tooltip will still show on hover until a mouseout event fires.

[PanRagon]

I'm attempting to create a tooltip for an input field, out of UI concerns this tooltip should show up when the user hovers the element, but if they select the input the tooltip should dissapear and not be revealed until the user deselects the input field. By using a disabled flag to disable the ReactTooltip and utilizing the static hide() function, this almost works, but the tooltip will still show if the user moves the mouse until the mouse leaves the input element, at which point the tooltip will be hidden until the disabled-flag is switched off.

This seems like unintentional behavior, if I disable the Tooltip and run the hide()-function, I wouldn't expect the Tooltip to ever show up until it's been enabled again. Below is a fragment from the code showing how I've set it up, and a gif showing the issue in action:

  const [disableSummary, setDisableSummary] = useState(false);
  ...
             <input
                value={values.summary}
                onChange={handleChange}
                className={`form-control ${
                  !values.summary ? styles.requiredEmpty : styles.requiredFilled
                }`}
                name="summary"
                type="text"
                data-tip={t('summary-tooltip')}
                data-for="summary"
                onBlur={() => setDisableSummary(false)}
                onSelect={() => {
                  setDisableSummary(true);
                  ReactTooltip.hide(this);
                }}
              />
   ...
              <ReactTooltip
                id="summary"
                place="bottom"
                type="info"
                effect="float"
                disable={disableSummary}
              />

[PanRagon]

The issue is related to the component checking the state of the tooltip to see if it's disabled, not it's props. This state is only updated on the original hover (in showTooltip), not when the props change. This could be prevented by changing the state in componentDidUpdate, but it seems undesirable to set this state until the showTooltip is run to avoid unecessary state updates. Since the component should also value whether the target has the 'data-tip-disable' property it's not enough to simply check the disable prop when determining if the tooltip should be shown,

I'm not sure what solution you think is ideal, but I'll send out a PR where the updateTooltip()-function explicitly checks both the state and the prop value of disable. This should solve the problem without issue since the state should always honor the disabled prop anyway (it just doesn't always know it's been updated yet), but it might seem a bit counter-intuitive. I'll leave it open to @wwayne if you have any suggestion on how it ideally should be handled - because in any case I do think this is a bug that needs to be sorted.