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
A warning is thrown when spreading props into JSX, specifically when a key prop is included in the spread object. The warning states that React keys must be passed directly to JSX, without using the spread operator. This occurs in BottomNavigation.Bar when using the Touchable component.
Expected behaviour
The key prop should be passed directly to JSX without being part of the spread object, ensuring compatibility with React's rules for key handling.
How to reproduce?
Use the BottomNavigation component from React Native Paper.
Render a BottomNavigation.Bar inside a BottomNavigation component.
Pass props containing a key prop to a Touchable component within BottomNavigation.Bar.
Current behaviour
A warning is thrown when spreading props into JSX, specifically when a
key
prop is included in the spread object. The warning states that React keys must be passed directly to JSX, without using the spread operator. This occurs inBottomNavigation.Bar
when using theTouchable
component.Expected behaviour
The
key
prop should be passed directly to JSX without being part of the spread object, ensuring compatibility with React's rules forkey
handling.How to reproduce?
BottomNavigation
component from React Native Paper.BottomNavigation.Bar
inside aBottomNavigation
component.key
prop to aTouchable
component withinBottomNavigation.Bar
.Example code:
Preview
No screenshot or video applicable for this issue as it's a warning that appears in the console.
What have you tried so far?
Your Environment
The text was updated successfully, but these errors were encountered: