Responsive Typography error while rendering the channel title in VideoDetail.jsx page

[iampsr8]

Specifying Variants in Typography tag of channel title for responsive size gives an error

the following code

<Typography variant={{ sm: "subtitle1", md: 'h6' }} color="#fff" >{channelTitle} </Typography>

will give an error of invalid prop variant passed

And also the channel title is rendered as a plain text

This can be solved by passing the typography inside the sx parameter as

<Typography sx={{typography: { sm: 'subtitle1', md: 'h6' }}} color='#fff'> {channelTitle}</Typography>

[dmalvi2002]

Please change variant value from "body1" to "subtitle1" or "subtitle2". That should fix it.