Hello. I am a newbie for Material UI. I am wondering what is the best practice to use both theme providers. As I understand, I have to supply a theme to MuiThemeProvider to apply the theme to framework's components like Button, Card, etc. And I have to supply a theme to ThemeProvider in order to have it available when I create custom components

I am doing this in my project

const theme = createMuiTheme({
  typography: {
    useNextVariants: true
  }
});
ReactDOM.render(
    <MuiThemeProvider theme={theme}>
      <ThemeProvider theme={theme}>
        <App />
      </ThemeProvider>
    </MuiThemeProvider>,
  document.getElementById('root')
);

Is it correct to pass the same theme object to both providers?