>100 empty elements <div data-portal="true" /> - is this an issue?

[echo storm]

I have a dashboard page with ~5 components containing Modal instances.
On page load, there are 149 div elements such as <div data-portal="true" />. 6 contain children as expected (for the modal elements), the rest is empty.

When I open one of the modals, the data-focus-id and aria-hidden attributes are updated for all div elements (see screenshot) and remove again when closing the dialog.

The root cause seem to be ~70 card-style elements shown in the page, but neither of them features modal/portal functionality.

Happy to hear any hints

Mantine 7.12.1
Next.js 14.2.4

Update:
I use <Tooltip />within the many card-style elements which spawns the empty data-portal divs.
I think this should not be a performance concern, but maybe somebody knows a way to use a single portal instead

[west vapor]

If you experience performance issues, you can turn off portal feature in Tooltip by setting withinPortal={false}. If you do not experience performance issues, then there is nothing to fix.

[last nest]

I want to back to this question, because I have the same "issue" (?). I mean I have Menu component with dropdown and I set withinPortal={false} but each time when I open dropdown I am getting error in console:

I am using Chrome. Is there any fix for these errors?

Project is built with Vite (React + TypeScript)