RingProgress should not render Tooltip if no tooltip is provieded

[sep2]

What package has an issue

@mantine/core

Describe the bug

In our grid we render a large number of RingProgress components but did not provide tooltip in the sections props, however in the code there is no way to avoid the extra tooltip components being rendered, results in a bunch of (hundreds of) empty divs in the page.

<div>
<div dir="ltr">
<div class="mantine-Tooltip-tooltip mantine-1lf7an" style="z-index: 300; display: none; left: 0px;"></div>
</div>
</div>

What version of @mantine/hooks page do you have in package.json?

5.2.0

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

Don't render anything for tooltip if it is disabled.

[sep2]

This issue maybe related and could possibly be fixed in one go.

[rtivital]

Fixed in 5.2.4

[sowizz]

@rtivital this is also a problem with the latest v6 release (6.0.21). Any idea how to prevent this?

As soon as I render 4 RingProgress I get 12 portals (btw I'd expect 8, because I have 4 RingProgress components, 2 sections each).

[sowizz]

Applying the same solution as in #50d4e64 seems to fix the issue.