реагирование материала-UI иконки взлома в сборке

Question

У меня есть приложение реагирования, в которое я помещаю все приложение с помощью Material-UI.В оптимизированной сборке развертывания (полученной при запуске $ npm run build) значки Material-UI ломаются (все значки получают белый фон, а цвет значка по умолчанию черный).Когда страница загружается изначально, все выглядит нормально, и значки отображаются, как и ожидалось, но они ломаются, когда реакции-маршрутизатор отображает другую страницу.

Я попытался изменить уровень вложенности тега <MuiThemeProvider>, но это не такпотренироваться.

Мой index.js выглядит примерно так:

`

const app =(
    <MuiThemeProvider theme={muitheme}>
        <Provider store={store}>
            <BrowserRouter>
                <App />
            </BrowserRouter>
        </Provider>
    </MuiThemeProvider>
 );
ReactDOM.render(app, document.getElementById('root'));

my app.js завернутв двух компонентах высшего порядка, как это.

export default withRouter( connect(mapStateToProps,mapDispatchToProps)(App));

ожидаемый значок выглядит как

, а сломанный значок выглядит как