title: Using Material UI components inside an Iframe
body: <p>I've been trying to get Material UI components to work inside an Iframe. Material UI has provided a DemoFrame component for this purpose (<a href="https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoFrame.js" rel="nofollow noreferrer">https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/DemoFrame.js</a>), but the styles does not get inserted into the Iframe properly. I've created a code sandbox to demonstrate this. Am I missing something here?</p>
  
  <p><a href="https://codesandbox.io/s/rykq8nz4j4" rel="nofollow noreferrer">https://codesandbox.io/s/rykq8nz4j4</a></p>
  
  <p><strong>Update:</strong></p>
  
  <p>The demo frame seems to be working correctly in the component demos in material-ui web site. If I look at the source I can see the styles have been injected correctly.</p>
  
  <p><a href="https://i.stack.imgur.com/nZX03.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nZX03.png" alt="enter image description here"></a></p>
  
  <p>But in my demo the styles does not get injected into the iframe.</p>
  
  <p><a href="https://i.stack.imgur.com/Fmc8w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Fmc8w.png" alt="enter image description here"></a></p>