MUI: The `value` provided to the Tabs component is invalid....

[MatthewMcP]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Current behavior 😯

When using the tabs component I get,

Tabs.js:366 MUI: The value provided to the Tabs component is invalid. The Tab with this value ("0") is not part of the document layout. Make sure the tab item is present in the document or that it's not display: none.

This occurs both in my own code, and when I copy examples from https://mui.com/material-ui/react-tabs/#experimental-api

There is some stack overflow questions but no solutions https://stackoverflow.com/questions/72085892/mui-the-value-provided-to-the-tabs-component-is-invalid-the-tab-with-this-v https://stackoverflow.com/questions/71613867/mui-nested-tabs-error-the-value-provided-to-the-tabs-component-is-invalid

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

1. 2. 3. 4.

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo`

``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

[mimiqkz]

How and why is this marked as "Closed" the problem still exist

[Revarh]

In my case I was indeed using style={{ display: 'none' }} so I replaced it with style={{ visibility: 'hidden' }}

[shamilium]

I have same problem, but i use TabList - it doesn't have value prop at all.

[sinhgithub]

I have added <Tab value={"100000"} sx={{ position: "fixed", top: "-20000000px", left: "-20000000px", }} /> 😂😂😂