title: Global Styles with React and MUI
body: <p>I'm new to React and MUI but I have to write an enterprise application with a nice styling. I would like to use some kind of global styles for my application (to be able to change it later on
  ) with functional components in react (maybe I will later add redux).</p>
  <p>What's the best practice approach for global styles with react and material (latest versions)?</p>
  <p>What about this one (<code>ThemeProvider</code>): <a href="https://material-ui.com/styles/advanced/" rel="noreferrer">https://material-ui.com/styles/advanced/</a>?
  I read about <code>MuiThemeProvider</code> but could not find it in the material version 4 documentation. Is it obsolete? What's the difference between MuiThemeProvider and <code>ThemeProvider</code>?</p>
  <p>React (client side rendering) &amp; Material (latest versions)
  Backend: Node</p>