Is it possible to dynamically change the colors of MuiThemeProvider using data from a Redux store? The issue I'm facing is that this data is asynchronously loaded after the render in App.js, making the color prop unreachable by the theme provider. How can I update the store asynchronously?
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;