将 material-ui 主题与 react-router 一起使用

Question

我有这个应用程序，我正在使用material-ui 以及react-router 和connected-react-router。我正在尝试切换到默认主题的深色版本，但它不起作用......我怀疑 ThemeProvider 由于路由器而没有将道具传递到树下，但我不确定。 ..有人可以帮忙吗？谢谢！

//... imports, etc.
const theme = createMuiTheme({
    palette: {
        type: 'dark',
    },
});

function App() {
    return (
        <div className="App">
            <Provider store={store}>
                <ThemeProvider theme={theme}>
                    <ConnectedRouter history={history}>
                        <Switch>
                            <Route path="/signin" component={SignIn} />
                            <Route path="/" component={Dashboard} />
                        </Switch>
                    </ConnectedRouter>
                </ThemeProvider>
            </Provider>
        </div>
    );
}


export default App;

Answer 1

我确实发现了问题，这是一个愚蠢的错误。我实际上是从styled-components 导入<ThemeProvider>，而不是从material-ui。当我更改导入时，它按预期工作。