title: Mui conditional rendering of one component
body: <p>I would like to set disableGutters for MUI Container when xs size.</p>
  <p>So far I was only able to do it like so:</p>
  <pre><code>&lt;Container disableGutters sx={{ display: { xs: 'block', md: 'none' } }}&gt;
      ...lot of code
  &lt;/Container&gt;
  
  &lt;Container sx={{ display: { xs: 'none', md: 'block' } }}&gt;
      ...lot of duplicit code
  &lt;/Container&gt;
  </code></pre>
  <p>But because there is a lot of duplicit code I don't feel good about this solution, so is there a better way?</p>