title: Is there any way to change where Material-UI adds style tag html elements?
body: <p>Material-UI adds generated style tags to the <code>&lt;header /&gt;</code> which is of course a standard place for styles, however I need my style tags to be added in a different html element.</p>
  <p>I'm looking for a way to transition a legacy CodeIgniter PHP application to React. I have a plan but the issue is that this legacy application is using bootstrap which is messing with my React components.</p>
  <p>The plan is to reset all styles in a div and render React components in it. something like:</p>
  <pre><code>&lt;div class=&quot;clearcss&quot;&gt;
      &lt;div&gt;
          &lt;style type=&quot;text/css&quot;&gt;&lt;/style&gt; // material ui style tags
          &lt;div id=&quot;react-component&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Unfortunately because Material ui adds all of its styles to the header Material ui styles are also reset, but if I could change where material ui places style tags then I think I could make it work.</p>