React tooltip renders but does not show anything

[hkar19]

i tried to render react tooltip along with react-simple-maps.
this is the basic structure

const Page = ()=>{
  const [content, setContent] = React.useState("hesss");

  return (
    <Card>
       <MyMapImplementation setContent={setContent}/>
       <ReactTooltip>{content}</ReactTooltip>
    </Card>
  )
}

(in above case i inactivate left and top css so the tooltip would be in the page)

this occurs:

anything did i miss here? i tried to follow this map with tooltip example and seems straight forward.

[GoodnatureBeacon]

I have the same issue. Tooltip won't display but is rendered in the html

[hkar19]

actually, i solved my react tooltip case in react simple map by adding this:

<ComposableMap 
data-tip=""  // <---this line
\>

i dont know why but maybe you can read the caveat part in this link