Styling of MUI Typography is overriding Link component default styling

Viewed 21

Why is the Typography component from MUI overriding the styling of my Link component also from MUI? It's overriding and removed the default colour and cursor: pointer of the Link's properties. Is there a way to remove this behaviour from the Typography component and retain the default properties of Link?

Here's a sample code:

import { Typography } from '@mui/material';
import { Link } from '@mui/material';


<Typography>
  Some text&nbsp;
  <Link> a link </Link>
</Typography>

Result: https://i.stack.imgur.com/fa0Br.png

Asides from adding a class to Link with the following properties which should already be achieved by the default properties of Link... :

cursor: pointer;
color: 'primary';

is there any other alternatives?

0 Answers
Related