如何将材质UI主题传递给许多“路由”组件

withStyles 和 withTheme ,但我认为它们不适用于 ReactDOM.render . 有没有办法让我的自定义主题可以从所有组件访问?

const theme = createMuiTheme({/*... lots of theme code here */});

const app = signalRConnection => (
  <SignalRProvider connection={signalRConnection}>
    <CssBaseline />
    <MuiThemeProvider theme={theme}>
    <Router history={createBrowserHistory()}>
      <Switch>
        <Route exact path="/" component={DashboardPage} />
        <Route path="/foo/:id" component={FooPage} />
        <Route path="/test" component={TestPage} />
        <Route path="/home/chat" component={ChatApp} />
        <Route render={() => <Redirect to="/" />} />
      </Switch>
    </Router>
    </MuiThemeProvider>
  </SignalRProvider>
);

window.renderApp = function(id, signalRConnection) {
  ReactDOM.render(app(signalRConnection), document.getElementById(id));
};

<Route
  path='/'
  component={() => <DashboardPage theme={theme} />}
/>