Bug - Tooltip - Components surrounded by Tooltip not visible

[Lucifergene]

Describe the problem
When I am using the Tooltip around a component, its creating a div element with the style display: contents. In ordinary situations, it does not create any issue, but when we are using SVG elements, due to the extra div, the components inside are not getting rendered.

How do you reproduce the problem?
CodeSandbox: https://codesandbox.io/p/sandbox/angry-breeze-nyftnh

Currently the react-core has Patternfly version 4. Therefore you can see the tooltip when hovered over the blue circle. But if you upgrade PF to v5, the blue circle is not visible anymore.

Expected behaviour
The component should be made visible.

Is this issue blocking you?
Yes.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

• OS: Fedora
• Browser: Chrome
• Version: Latest

What is your product and what release date are you targeting?
Openshift Developer Console

Any other information?

[Lucifergene]

Solved the issue by adding the triggerRef to the ToolTip components