You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using the FAB.Group component from react-native-paper within an Expo project, a console warning is displayed:
LogBox.web.js:104 Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.
This warning suggests that there's an issue with the nested structure of button elements within the FAB.Group component.
Expected behaviour
The FAB.Group component should render correctly without producing any DOM nesting warnings related to button elements.
How to reproduce?
Create a new Expo project using the provided minimal setup.
Implement a screen with a FAB.Group component as shown in the BugFABExample component.
Run the project on web (expo start --web).
Open the browser console to observe the warning.
Here's a simplified code snippet demonstrating the issue:
Uh oh!
There was an error while loading. Please reload this page.
Current behaviour
When using the FAB.Group component from react-native-paper within an Expo project, a console warning is displayed:
This warning suggests that there's an issue with the nested structure of button elements within the FAB.Group component.

Expected behaviour
The FAB.Group component should render correctly without producing any DOM nesting warnings related to button elements.
How to reproduce?
Create a new Expo project using the provided minimal setup.
Implement a screen with a FAB.Group component as shown in the BugFABExample component.
Run the project on web (expo start --web).
Open the browser console to observe the warning.
Here's a simplified code snippet demonstrating the issue:
Preview
What have you tried so far?
Your Environment
The text was updated successfully, but these errors were encountered: