Как использовать разные темы для одного блока?

Question

Вначале тема пользовательского интерфейса, определенная в root проекта, распространяется на все страницы. Но мне нужно настроить один блок на странице. И этот блок должен иметь другую тему.

Структура проекта выглядит следующим образом:

  <MuiThemeProvider theme={theme}>
    <Router>
      <Route path="gallery" component={Gallery} />
      <Route path="editor" component={Editor} />
      <Route path="profile" component={Profile} />
    </Router>
  </MuiThemeProvider>

Страница редактора

 <Layout>
    <Header /> // uses main theme
      <MuiThemeProvider theme={editorTheme}>
        <Editor />
      </MuiThemeProvider>
    <Footer /> // uses main theme
 </Layout>

Будут ли проблемы с производительностью, если страница редактора будет работать часто меняется и вызывает метод render?