ThreeDotsIcon throws unique key prop warning

[alexnagelberg]

Description

When using ThreeDotsIcon (used in IconButton specifically) it throws a react warning about not having key props

CodeSandbox/Snack link

https://snack.expo.dev/t3JUBCRz-

Steps to reproduce

(haven't tested CRA but it should complain -- it loves to complain about those. did test with metro.)

1. Init react-native app (npx react-native init ...)
2. Add element in app
3. Run with metro
4. See complaint either in devtools warning popup or in metro console

NativeBase Version

3.4.28

Platform

• Android
• CRA
• Expo
• iOS
• Next

Other Platform

No response

Additional Information

"Warning: Each child in a list should have a unique "key" prop."

Looks like it's a bug because the path passed is an array of items to render vs the other icons which is just a single element

[r0nz-29]

Unable to reproduce this issue, attaching a screenshot of the expo snack (link).
The app runs without any errors.

Perhaps this has already been solved?

[alexnagelberg]

Unable to reproduce this issue, attaching a screenshot of the expo snack (link). The app runs without any errors.

Perhaps this has already been solved?

Try with steps I provided — it works in expo snack but it could be using a different render method or quieter warnings. CRA and react-native init do NOT like rendering lists without keys. Unless they’re doing some magic where they inject their own unique keys for rendering arrays, it looks to me like expo isn’t bothering to warn on this. ThreeDotsIcon so far as I can tell is the only with an array even though I think it just has one item.

[r0nz-29]

Thanks for the clarification @alexnagelberg !
I've fixed this warning locally and am working on a PR for the same