Tengo una aplicación React con Material UI. El modo oscuro básicamente funciona, pero cada vez que trato de cambiar el estado del modo oscuro en una página donde la página se procesa a partir de datos de estado redux, toda la página falla. Supongo que porque pierde el estado redux:
Warning: Failed prop type: The prop `items` is marked as required in `WarehouseTable`, but its value is `null`. Lo cual es correcto porque el Theme envuelve toda la aplicación, por lo que todos los objetos secundarios se vuelven a renderizar.
Lo que no sé es por qué no se conserva el estado redux. ¿Por qué parece que se pierde el estado redux?
¿Cómo puedo manejar esto?
El problema para mí fue que ReduxProvider y ThemeProvider se representaron en la misma función.
Así que moví ThemeProvider a un componente secundario de ReduxProvider y esto resolvió mi problema.
Puedes probar moviendo el envoltorio redux alrededor del envoltorio mui
<ReduxProvider> <ThemeProvider> <App/> </ThemeProvider> </ReduxProvider>