[material-ui] Remove few more React.ReactElement<any> types

docs/data/material/components/modal/SpringModal.tsx

@@ -7,7 +7,7 @@ import Typography from '@mui/material/Typography';
 import { useSpring, animated } from '@react-spring/web';
 
 interface FadeProps {
-  children: React.ReactElement<any>;
+  children: React.JSX.Element;
   in?: boolean;
   onClick?: any;
   onEnter?: (node: HTMLElement, isAppearing: boolean) => void;

docs/src/modules/components/JoyThemeBuilder.tsx

@@ -1267,7 +1267,7 @@ function getAvailableTokens(colorSchemes: any, colorMode: 'light' | 'dark') {
   return tokens;
 }
 
-function TemplatesDialog({ children, data }: { children: React.ReactElement<any>; data: any }) {
+function TemplatesDialog({ children, data }: { children: React.JSX.Element; data: any }) {
   const [open, setOpen] = React.useState(false);
   const { map: templateMap } = sourceJoyTemplates();
   const renderItem = (name: string, item: TemplateData) => {

packages/mui-material/src/ClickAwayListener/ClickAwayListener.tsx

@@ -36,7 +36,7 @@ export interface ClickAwayListenerProps {
   /**
    * The wrapped element.
    */
-  children: React.ReactElement<any>;
+  children: React.JSX.Element;
   /**
    * If `true`, the React tree is ignored and only the DOM tree is considered.
    * This prop changes how portaled elements are handled.

packages/mui-material/src/Modal/useModal.types.ts

@@ -22,7 +22,7 @@ export type UseModalParameters = {
   /**
    * A single child content element.
    */
-  children: React.ReactElement<any> | undefined | null;
+  children: React.JSX.Element | undefined | null;
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false

packages/mui-material/src/Slider/SliderValueLabel.types.ts

@@ -1,5 +1,5 @@
 export interface SliderValueLabelProps {
-  children?: React.ReactElement<any>;
+  children?: React.JSX.Element;
   className?: string;
   style?: React.CSSProperties;
   /**

packages/mui-material/src/Unstable_TrapFocus/FocusTrap.types.ts

@@ -24,7 +24,7 @@ export interface FocusTrapProps {
   /**
    * A single child content element.
    */
-  children: React.ReactElement<any>;
+  children: React.JSX.Element;
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.

packages/mui-styles/src/ServerStyleSheets/ServerStyleSheets.d.ts

@@ -5,7 +5,7 @@ declare class ServerStyleSheets {
   constructor(options?: object);
   collect(children: React.ReactNode, options?: object): React.ReactElement<StylesProviderProps>;
   toString(): string;
-  getStyleElement(props?: object): React.ReactElement<any>;
+  getStyleElement(props?: object): React.JSX.Element;
 }
 
 export default ServerStyleSheets;

packages/mui-styles/test/styles.spec.tsx

@@ -215,7 +215,7 @@ withStyles((theme) =>
     });
 
   interface ListItemContentProps extends WithStyles<typeof styles> {
-    children?: React.ReactElement<any>;
+    children?: React.ReactElement<unknown>;
     inset?: boolean;
     row?: boolean;
   }