Не видна css переменная в MUI модалке React
Начал писать приложение на реакт, столкнулся с проблемой, так как забыл mui модалку порталом ставит, из-за чего в модалке нету доступа к CSS переменной темы, так как при открытии модалки ее компонента вставляется парралельно компоненте приложения app.
и навешиваются стили темы на app, как видно dark. Такой индекс файл 
. Такой тем провайдер 
. тем контекст
ну и хук для получения и изменения темы
. как это поправить, чтобы доступ был в модалке к стилям. В иделе надо было вешать на боди стили темы, но что-то торможу и не понимаю как это сделать с нынешней логикой
Ответы (1 шт):
Автор решения: The nTaXa
→ Ссылка
чтобы на бади навесить стили темы можно прописать такой хук
useEffect(() => {
document.body.className = theme
})
предварительно получив тему из своего хука