结合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

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