title: Using material-ui themes together with react-router
body: <p>I've got this app where I'm using <code>material-ui</code> together with  <code>react-router</code> and <code>connected-react-router</code>. I'm trying to just switch to the dark version of the default theme, but it doesn't work... I suspect the ThemeProvider doesn't pass the props down the tree due to the Router, but I'm not sure... Can anyone help? Thank you!</p>
  
  <pre><code>//... imports, etc.
  const theme = createMuiTheme({
      palette: {
          type: 'dark',
      },
  });
  
  function App() {
      return (
          &lt;div className="App"&gt;
              &lt;Provider store={store}&gt;
                  &lt;ThemeProvider theme={theme}&gt;
                      &lt;ConnectedRouter history={history}&gt;
                          &lt;Switch&gt;
                              &lt;Route path="/signin" component={SignIn} /&gt;
                              &lt;Route path="/" component={Dashboard} /&gt;
                          &lt;/Switch&gt;
                      &lt;/ConnectedRouter&gt;
                  &lt;/ThemeProvider&gt;
              &lt;/Provider&gt;
          &lt;/div&gt;
      );
  }
  
  
  export default App;
  </code></pre>