Agrego pestañas en mi proyecto pero no puedo cambiar el indicador de fondo:

 const theme = createTheme({ MuiTabs: { root: { styleOverrides: { indicator: {backgroundColor: "red !important"}, }, indicator: {backgroundColor: "red !important"}, }, indicator: {backgroundColor: "red !important"}, styleOverrides: { indicator: {backgroundColor: "red !important"}, }, }, })

este es mi código pero no funciona.

y este es mi código jsx, podría ayudar:

 import {TabContext, TabList, TabPanel} from "@material-ui/lab"; import Box from "@mui/material/Box"; import Tab from "@mui/material/Tab"; <TabContext value={value}> <Box sx={{ borderBottom: 1, borderColor: 'divider' }}> <TabList onChange={handleChange} aria-label="lab API tabs example" textColor="primary" indicatorColor="primary" > <Tab label="Company Details" value="1" /> <Tab label="Admin Details" value="2" /> </TabList> </Box> <TabPanel value="1"> <FormSimple id={id}/> </TabPanel> <TabPanel value="2"><Admin id={id}/></TabPanel> </TabContext>