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

Duplicates

• I have searched the existing issues

Latest version

• 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:

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo`

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

[skrimusss]

you need to: <Tabs —> value={false} <— />

[samislam]

I have tried everything, approximately 46 hours trying to figure out a workaround for this error. But no-way. It’s obviously a bug. And it has to be fixed. And for the people who were able to find some workarounds for their projects. Congratulations. But for me, I’ll have to wait for the next update until one of the maintainers commit a patch release for this particular bug, which is the only one I was able to catch during my project which I was working on (for 9 months). Mui is a great library. And this is the only bug I was able to find in “@mui/material”. Some other bugs I encountered in “@mui/x-data-grid”. But let’s forget about that now.

I was able to complete my entire project peacefully, the only part left for me is this error. But it’s okay for now, the project still can survive with that.