Conditional rendering is not working for accordion tabs

[adityapatil9191]

Scope: <DESCRIBE SCOPE OF THIS ISSUE, i.e.: PF4 mapper, Form renderer>
https://codesandbox.io/p/sandbox/react-data-driven-autocomplete-3yy7r6?file=%2Fsrc%2Findex.js
Description

In the above code sandbox if we add condition to accordion tabs, for example if a form accordion tab should be visible only if form value present in another Accordion tab is true or has some value, then the conditions don't work and the accordion tab is always visible.

Schema

<If it's possible, please provide a schema which reproduces the issue>

[adityapatil9191]

Please help / respond

[rvsia]

Hey, if I understand your issue correctly, then I think the issue is here:

When you render tab components, there is actually no data driven from component (so no condition is calculated), but you render directly children of the component. You can wrap this section to a new component in the mapper and then just do formOptions.renderForm(fields)