Describe the bug

When rendering a FilterDialog in a project that uses the Table component of the webcomponents-react-compat package, the dialog content is malformed. I assume this is because the FilterBar uses the (experimental) v2 Table under the hood, leading to conflicts.

Did I miss anything? Is there any workaround?

Isolated Example

https://stackblitz.com/edit/github-z74gvby1?file=src%2FApp.tsx

Reproduction steps

1. Use the Table from the compat package
2. Implement a FilterBar
3. Click on the "Adapt Filters" button to open the dialog

Expected Behaviour

The FilterBar dialog shows the content correctly, regardless of the used Table component that is used in the app.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.9.0

UI5 Web Components Version

2.9.0

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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