Пытаюсь в MUI сделать дарк моде с onChange на switch import

{
Box,
List,
ListItem,
ListItemButton,
ListItemIcon,
ListItemText,
Switch,
} from '@mui/material';

import {
AccountBox,
Home,
Settings,
Groups,
LocalGroceryStore,
Face,
AutoStories,
ModeNight,
} from '@mui/icons-material';

const Sidebar = ({ setMode, mode }) => {
return (
<Box flex={1} p={2} sx={{ display: { xs: 'none', sm: 'block' } }}>
<Box position='fixed'>
<List>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<Home />
</ListItemIcon>
<ListItemText primary='Homepage' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<AutoStories />
</ListItemIcon>
<ListItemText primary='Pages' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<Groups />
</ListItemIcon>
<ListItemText primary='Groups' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<LocalGroceryStore />
</ListItemIcon>
<ListItemText primary='Market' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<Face />
</ListItemIcon>
<ListItemText primary='Friends' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<AccountBox />
</ListItemIcon>
<ListItemText primary='Profile' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<Settings />
</ListItemIcon>
<ListItemText primary='Homepage' />
</ListItemButton>
</ListItem>
<ListItem disablePadding>
<ListItemButton component='a' href='#home'>
<ListItemIcon>
<ModeNight />
</ListItemIcon>
<Switch
onChange={(e) => setMode(mode === 'ligth' ? 'dark' : 'ligth')}
/>
</ListItemButton>
</ListItem>
</List>
</Box>
</Box>
);
};

export default Sidebar;

не могу понять в чем проблема, ошибки типа Uncaught TypeError: (intermediate value).palette.background is undefined

удоли

@risenforces

Хорош, полотно))

Удали

@romadryud

?

Удали плз эту портянку

Зачем? Она что-то нарушает?

А, то есть, это норм

она уже далеко сверху, не бойся. Да и в правилах не прописано, что так нельзя

я не боюсь. просто есть люди, которые читают потом чат. с мобилы

я читаю чат с мобилы. но если я вижу много кода текстом - я его даже не начинаю читать

Так его проблемы, ему же могут потенциально меньше ответить, в чем проблема то

Ну я просто должен три секунды вверх мотать чтобы его сообщение скипнуть

думаю если так сильно ценить свое время, то сидеть в чатах различных не особо нужно

Это не так, нужно ещё ценить время других, разве нет? Представляешь что в магазине парень будет стоять у кассы пол часа, тебе вроде и нужны продукты, но время вроде ценнее, и если что другой магазин всегда рядом

не понимаю сравнения времени - пол часа и три секунды. если человек заплатил полотно - ему никто не ответил, даже негативно отозвались. чтобы ему норм ответили в следующий раз он такую ошибку не допустит