[ObjectPage | ObjectPageSection | React]:

[sheva3666]

Bug Description

After updated version of "@ui5/webcomponents" to "1.22.0" from "1.21.2" we noticed that ObjectPage from the beginning renders all ObjectPageSections. And because of it we have issue with rendering sections. When we select one tab we see for some time all sections rendered in the page.
I have checked how it was with older version "1.21.2" and ObjectPage renders only one tab which has to be visible.
This is affecting how our code is executed (that we don't expect to render something that's not visible) and that it might cause UI flickering.

For some reason I don't see UI in stackblitz so I added console.log and you can check console where you will see how many components and how many times rendered.

Affected Component

No response

Expected Behaviour

Expect to not render something what shouldn't be visible.

Isolated Example

https://stackblitz.com/edit/vitejs-vite-nwak85?file=src%2FApp.jsx

Steps to Reproduce

1. Use ObjectPage component with multiple ObjectContentSections and try to change sections by tabs

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

1.22.0

Browser

Chrome

Operating System

Mac OS

Additional Context

No response

Organization

Signavio

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @sheva3666

I will close this issue as there is already another one covering this topic. If you have any questions or more information, please address them in the original issue.

Duplicate of #5600