test for mui#38034 (comment)

Author: sai6855

packages/mui-material/src/Typography/typography.spec.tsx

@@ -1,13 +1,32 @@
 import * as React from 'react';
-import { Typography } from '@mui/material';
+import { Typography, TypographyProps } from '@mui/material';
 
 const typographyTest = () => {
   const CustomComponent: React.FC<{ prop1: string; prop2: number }> = function CustomComponent() {
     return <div />;
   };
+
+  const CustomComponent2 = ({
+    maxLines,
+    ...props
+  }: TypographyProps & {
+    maxLines?: number;
+  }): JSX.Element => {
+    return (
+      <Typography
+        {...props}
+        sx={{
+          display: maxLines === 0 ? 'block' : '-webkit-box',
+        }}
+      />
+    );
+  };
+
   return (
     <div>
       <Typography />
+      <CustomComponent2 component="span" />
+      <CustomComponent2 component="div" />
       <Typography align="inherit" color="inherit" display="block" />
       <Typography align="left" color="initial" display="inline" />
       <Typography align="right" color="primary" display="initial" />