title: How to use 2 different versions of the same node dependency in package.json?
body: <p>I am working on a react js application where I am using <a href="https://github.com/mui-org/material-ui/releases/tag/v5.0.0-rc.0" rel="nofollow noreferrer">Material-UI v5.0.0</a> for my UI components.
  This new version replaces the package names from @material-ui/* prefix with @mui/*:</p>
  <pre><code>@material-ui/system -&gt; @mui/system
  @material-ui/styles -&gt; @mui/styles
  @material-ui/lab -&gt; @mui/lab
  </code></pre>
  <p>In my project I am also using another dependency for displaying a calendar on 1 page which has a peer dependency of <a href="https://github.com/mui-org/material-ui/releases/tag/v4.12.3" rel="nofollow noreferrer">Material-UI v4.12.3</a> which imports material libraries like <code>@material-ui/system</code>.</p>
  <p>How should I manage my dependencies in package.json so that I can use Material-UI v5.0.0 for majority of my UI/UX and still be able to use the dependency just for a specific UI screen.</p>
  <p>Should I npm install both material UI v5.0.0 and v4.12.3 or is there a better way of doing this ?</p>