hide tootip when click a button in ReactTooltip

` <Icon name="email" data-tip data-for="GIN" data-event="click focus" />

      <ReactTooltip id="GIN" aria-haspopup="true" place="top" globalEventOff="click">

        <div>
          Resend confirmation email?
          <div className={styles.toolTipButton}>
            <Button type="primary" onClick={() => { ReactTooltip.hide(); }}>Yes</Button>
            <Button>No</Button>
          </div>
        </div>
      </ReactTooltip>`

when I click the yes button the tooltip doesn’t hide immediately. It just hide after i move the away from the button. it seems the ReactTooltop.hide() function doesn’t work.How can i hide the tooltip immediately when i click the yes button

[JesusJavierMoreno]

Hello!

I dont know if you still ned it but I got it working this way.

I hope it works for you! 😄

[josh-stevens]

I had to do something similar and it’s a bit hacky, but it works with Typescript and React Hooks for the useRef:

put the ref on the ReactTooltip:

and this function for the close button inside the tooltip:

It would be nice to disable the mouseover check in this lib so we don’t have to force this null, I will look into doing a PR if there’s any other demands for it