[Bug]: Tabs, TabList, Tab, TabPanels and TabPanel broken with React 19

[nstuyvesant]

Package

@carbon/react

Browser

Safari

Package version

1.76.0

React version

19.0.0

Description

After upgrading project to React 19, components that used Tabs, TabList, Tab, TabPanels and TabPanel stopped displaying their tabs and tab content.

Reverting to React 18, everything works with no code changes.

Reproduction/example

https://stackblitz.com/edit/github-yncvxyat?file=src%2FApp.tsx

Steps to reproduce

1. Navigate to https://stackblitz.com/edit/github-yncvxyat?file=src%2FApp.tsx
2. Observe how the tabs did not show up on the right side
3. Modify the package.json and change the version of react and react-dom to "18.x"
4. Run yarn install
5. Run yarn dev
6. Observe how the tabs are available.

Suggested Severity

Severity 1 = Must be fixed ASAP. The response must be swift. Someone from the team must drop all current work and be immediately reassigned to address the issue.

Application/PAL

@carbon/charts

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems