SAP / ui5-webcomponents-react

A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
https://sap.github.io/ui5-webcomponents-react/
Apache License 2.0
426 stars 94 forks source link

ui5-list warning "Provided item is not managed by ItemNavigation" #5951

Open jamesPodo opened 2 weeks ago

jamesPodo commented 2 weeks ago

Describe the bug

Currently, we use ui5 button inside of the CustomListItem to open popover menu. After we upgrade ui5wc = 1.23.3 and ui5wc-react = 1.26.2, opening the button inside of the list item occasionally throws console warning says "Provided item is not managed by ItemNavigation". Moreover, In our production build, we see TypeError: Cannot create property '__reactProps$lzhp7ra1b1' on string '[Circular ~]' and ui component get destroyed

Since the issue is only reproducible on the production build and is hard to trace down, I am not sure if this warning is the culprit of the issue. However, I only see the type error after seeing the itemNavigation warning.

Isolated Example

No response

Reproduction steps

1. 2. 3. ...

Expected Behaviour

No error or warning is thrown upon interaction with button inside of custom list item

Screenshots or Videos

image

UI5 Web Components for React Version

1.26.2

UI5 Web Components Version

1.23.3

Browser

Chrome

Operating System

Mac OS

Additional Context

No response

Relevant log output

No response

Organization

SAP SE

Declaration

Lukas742 commented 2 weeks ago

Hi @jamesPodo

If I understand correctly, then you can only not reproduce the TypeError, right? So, could you please add an example for the ItemNavigation warning by leveraging this StackBlitz template?