@daniele-zurico and @Ibabalola I have looked into this and found a solution. The part of tab group that is causing the problem is they key property on line 174 which is rendering the content of the currently active tab. Can the user ever see more than one tab content at the same time? If they can't then why is the active tab content being treated like an array when you can just render the one shown and remove the key property.
Describe the bug Warning: Each child in a list should have a unique "key" prop.
Check the top-level render call using
To Reproduce Render the
Expected behavior No warning
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
we have quite a lot of components available now in the library, can you please tell me which one is creating the problem to your side please?
TabGroup component
@daniele-zurico and @Ibabalola I have looked into this and found a solution. The part of tab group that is causing the problem is they key property on line 174 which is rendering the content of the currently active tab. Can the user ever see more than one tab content at the same time? If they can't then why is the active tab content being treated like an array when you can just render the one shown and remove the key property.
Never mind, saw the failing test for my solution and have another. Which branch should I use to make my pr? @daniele-zurico
fixed by #540