title: Styling of MUI Typography is overriding Link component default styling
body: <p>Why is the <code>Typography</code> component from MUI overriding the styling of my <code>Link</code> component also from MUI? It's overriding and removed the default colour and <code>cursor: pointer</code> of the Link's properties. Is there a way to remove this behaviour from the <code>Typography</code> component and retain the default properties of <code>Link</code>?</p>
  <p>Here's a sample code:</p>
  <pre><code>import { Typography } from '@mui/material';
  import { Link } from '@mui/material';
  
  
  &lt;Typography&gt;
    Some text&amp;nbsp;
    &lt;Link&gt; a link &lt;/Link&gt;
  &lt;/Typography&gt;
  </code></pre>
  <p>Result:
  <a href="https://i.stack.imgur.com/fa0Br.png" rel="nofollow noreferrer">https://i.stack.imgur.com/fa0Br.png</a></p>
  <p>Asides from adding a class to Link with the following properties which should already be achieved by the default properties of <code>Link</code>... :</p>
  <pre><code>cursor: pointer;
  color: 'primary';
  </code></pre>
  <p>is there any other alternatives?</p>