I am using react testing library for testing components but

Question

I am using react testing library for testing components but

if I do screen.debug() then I am not able to see the div element any idea why so? I am not able to understand what could be the possible reason of not showing it inside DOM? In below code PlaceHolder div is visible inside DOM after doing screen.debug() but the content inside it is not visible thats why getByText is not working
code:

const PlaceHolder = ({text}) => {

const {textTruncated} = gettextTruncation(text); //True or false value
return (
{
textTruncated ? (<Tooltip><div>{text}</div></Tooltip>) : ({text})
}
)
}

MyComponent:

const MyComponent = () => {
return(
<div>
<PlaceHolder
text={text}
/>
</div>
)
}