Как динамически изменить тему из хранилища данных?

Question

Я пытаюсь динамически изменять цвета MuiThemeProvider, используя данные из магазина (избыточный).Но эти данные загружаются асинхронно после рендеринга в App.js, что делает цветовую проповедь недоступной для поставщика тем.Как я могу обновить магазин асинхронно?

import './App.css';
import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'
import theme from './config/theme'
import configureStore from './store/store'
import {Provider} from 'react-redux'
import {LocalizeProvider} from "react-localize-redux";
import Router from "./pages/Router";

export const store = configureStore()

class App extends Component {

  render() {
        return (
            <LocalizeProvider>
                <Provider store={store}>
                    <MuiThemeProvider theme={theme}>
                        <Router/>
                    </MuiThemeProvider>
                </Provider>
            </LocalizeProvider>
        );
  }
}

export default App;```

Answer 1

componentDidMount() {
  const jssStyles = document.getElementById("jss-server-side");
   if (jssStyles && jssStyles.parentNode) {
        jssStyles.parentNode.removeChild(jssStyles); }
}
render() {
   return (
<Provider store={store}>
   <BrowserRouter>
     <Routes />
    </BrowserRouter>
</Provider>
   );   
 }
 }