Bug - Tabs - Tabs With separate content can not have activeKey different than the first one

[carlosthe19916]

Describe the problem
The Tab definition can be something like:

<Tabs activeKey={activeTabKey}

And the problem is that activeKey can not point to the second, third, fourth, etc. tab as the first time the Tab content is rendered, the tab content will always render the FIRST tab content.

Important to notice is that this problem only happens when the tab is With separate content e.g. https://www.patternfly.org/components/tabs#with-separate-content

How do you reproduce the problem?
Here is a codesandbox demonstrating the problem.

The code above will have:

• The second tab selected
• But rendering the content of the first tab. So here is the discrepancy

Expected behavior
If the default activeKey is set to any value, then the tab content should render the appropriate content.

Is this issue blocking you?

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

• OS: Fedora 40
• Browser: Chrome
• Version: 130

What is your product and what release date are you targeting?

Any other information?