div onClick is not firing inside React tooltip container

I am using react tooltip container, where I have a div inside react tooltip container. upon clicking a div it should do some actions. but the facing an issue here seems the onClick listener isn’t working inside react tooltip.

My code sample:

const getSomething = () => {
    return (
      <div onClick={() => console.log('Hello world')}>
        Hellow orld
      </div>
    )
  }

<ReactTooltip
    id="actions"
    effect="solid"
    clickable="true"
    className="container"
    globalEventOff="click"
    ref={ref => this.tooltip = ref}>
    {
      getSomething()
    }
</ReactTooltip>

The onClick is not firing inside the tooltip container. Let me if I’m missing something. Thanks in advance 😃)

[sgurillo]

@zakariaelas yeah it does! Thank you so much dude!

[zakariaelas]

Hey @sgurillo, does this solve your problem https://codesandbox.io/s/gifted-parm-42xel ?