@mui/material 5.16.7 → 5.16.9

package/AccordionActions/AccordionActions.d.ts

@@ -33,4 +33,4 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
  *
  * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
  */
-export default function AccordionActions(props: AccordionActionsProps): JSX.Element;
+export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;

package/AccordionDetails/AccordionDetails.d.ts

@@ -28,4 +28,4 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
  *
  * - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
  */
-export default function AccordionDetails(props: AccordionDetailsProps): JSX.Element;
+export default function AccordionDetails(props: AccordionDetailsProps): React.JSX.Element;

package/Alert/Alert.d.ts

@@ -142,4 +142,4 @@ export interface AlertOwnerState extends AlertProps {}
  * - [Alert API](https://mui.com/material-ui/api/alert/)
  * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
  */
-export default function Alert(props: AlertProps): JSX.Element;
+export default function Alert(props: AlertProps): React.JSX.Element;

package/AlertTitle/AlertTitle.d.ts

@@ -29,4 +29,4 @@ export interface AlertTitleProps extends TypographyProps<'div'> {
  * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
  * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
-export default function AlertTitle(props: AlertTitleProps): JSX.Element;
+export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;

package/Autocomplete/Autocomplete.d.ts

@@ -305,4 +305,4 @@ export default function Autocomplete<
   ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent'],
 >(
   props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>,
-): JSX.Element;
+): React.JSX.Element;

package/AvatarGroup/AvatarGroup.d.ts

@@ -92,4 +92,4 @@ export interface AvatarGroupProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
  */
-export default function AvatarGroup(props: AvatarGroupProps): JSX.Element;
+export default function AvatarGroup(props: AvatarGroupProps): React.JSX.Element;

package/Button/Button.d.ts

@@ -104,7 +104,7 @@ export interface ExtendButtonTypeMap<TypeMap extends OverridableTypeMap> {
 
 export type ExtendButton<TypeMap extends OverridableTypeMap> = ((
   props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<TypeMap>, 'a'>,
-) => JSX.Element) &
+) => React.JSX.Element) &
   OverridableComponent<ExtendButtonBaseTypeMap<TypeMap>>;
 
 /**

package/ButtonBase/ButtonBase.d.ts

@@ -105,7 +105,7 @@ export interface ExtendButtonBaseTypeMap<TypeMap extends OverridableTypeMap> {
 
 export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((
   props: { href: string } & OverrideProps<ExtendButtonBaseTypeMap<TypeMap>, 'a'>,
-) => JSX.Element) &
+) => React.JSX.Element) &
   OverridableComponent<ExtendButtonBaseTypeMap<TypeMap>>;
 
 /**

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.16.9
+
+<!-- generated comparing v5.16.8..v5.x -->
+
+_Dec 3, 2024_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/material@5.16.9`
+
+- [Tabs] Cherry pick `ScrollbarSize` ref being overridden fix (#44595) @DiegoAndai
+
+### Core
+
+- Ignore browserslist and remove tag latest (#44589) @siriwatknp
+
+All contributors of this release in alphabetical order: @DiegoAndai, @siriwatknp
+
+## 5.16.8
+
+<!-- generated comparing v5.16.7..v5.x -->
+
+_Nov 26, 2024_
+
+A big thanks to the 8 contributors who made this release possible.
+
+### `@mui/material@5.16.8`
+
+- Cherry pick ref accessing PRs (#44543) @DiegoAndai
+
+### `@mui/utils@5.16.8`
+
+- Skip deep clone React element (v5.x) (#44494) @jukkatupamaki
+
+### Docs
+
+- Keep sponsors up to date @oliviertassinari
+- Fix MUI Treasury Layout broken links (#43753) @oliviertassinari
+- Strengthen CSP rule @oliviertassinari
+- Give up on restoring search @oliviertassinari
+- Normalize next major message @oliviertassinari
+- Fix versions URL @oliviertassinari
+- Fix use of absolute URLs (#43567) @oliviertassinari
+- Restore search on v5 (#43566) @oliviertassinari
+- Fix link from v5 to v6 (#43585) @alexfauquette
+- Updated mui-x roadmap links with the new project URL (@michelengelen) (#43446) @michelengelen
+- Fix broken link to Next.js docs @oliviertassinari
+
+### Core
+
+- [blog] Polish Upcoming changes to MUI X pricing in 2024 (#43438) @oliviertassinari
+- [blog] Add video to the Pigment CSS blog post (#42500) @oliviertassinari
+- [blog] Announcing pricing changes Sep 2024 (#43272) @cherniavskii
+- Prepare for moving to v5.x branch (#43447) @siriwatknp
+- [core] Cherry pick #42346 to v5 (#44475) @DiegoAndai
+- [core] Fix CI on v5.x branch (#44487) @DiegoAndai
+- [core] Fix CI on v5.x branch (#43564) @oliviertassinari
+- [examples] Fix v5 clone example instructions (#43755) @oliviertassinari
+- [examples] Fix CLI download instructions @oliviertassinari
+- [examples] Fix CDN live preview example @oliviertassinari
+- [examples] Fix more examples to work with v5 @oliviertassinari
+- [examples] Freeze examples dependency range (#43435) @oliviertassinari
+
+All contributors of this release in alphabetical order: @alexfauquette, @cherniavskii, @DiegoAndai, @jukkatupamaki, @michelengelen, @oliviertassinari, @rluzists1, @siriwatknp
+
 ## 5.16.7
 
 <!-- generated comparing v5.16.6..master -->

package/CardActions/CardActions.d.ts

@@ -33,4 +33,4 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
  */
-export default function CardActions(props: CardActionsProps): JSX.Element;
+export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/CardHeader/CardHeader.d.ts

@@ -98,7 +98,7 @@ export interface OverridableCardHeader extends OverridableComponent<CardHeaderTy
       TitleTypographyComponent,
       SubheaderTypographyComponent
     >,
-  ): JSX.Element;
+  ): React.JSX.Element;
 }
 
 export type CardHeaderProps<

package/Checkbox/Checkbox.d.ts

@@ -115,4 +115,4 @@ export interface CheckboxProps
  * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
  * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
-export default function Checkbox(props: CheckboxProps): JSX.Element;
+export default function Checkbox(props: CheckboxProps): React.JSX.Element;

package/Chip/Chip.d.ts

@@ -15,7 +15,7 @@ export interface ChipOwnProps {
   /**
    * The Avatar element to display.
    */
-  avatar?: React.ReactElement;
+  avatar?: React.ReactElement<any>;
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
@@ -47,7 +47,7 @@ export interface ChipOwnProps {
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon?: React.ReactElement;
+  deleteIcon?: React.ReactElement<any>;
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -56,7 +56,7 @@ export interface ChipOwnProps {
   /**
    * Icon element.
    */
-  icon?: React.ReactElement;
+  icon?: React.ReactElement<any>;
   /**
    * The content of the component.
    */

package/CircularProgress/CircularProgress.d.ts

@@ -73,4 +73,4 @@ export interface CircularProgressProps
  *
  * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
  */
-export default function CircularProgress(props: CircularProgressProps): JSX.Element;
+export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;

package/ClickAwayListener/ClickAwayListener.js

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { elementAcceptingRef, exactProp, unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import getReactElementRef from '@mui/utils/getReactElementRef';
 
 // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -47,9 +48,7 @@ function ClickAwayListener(props) {
       activatedRef.current = false;
     };
   }, []);
-  const handleRef = useForkRef(
-  // @ts-expect-error TODO upstream fix
-  children.ref, nodeRef);
+  const handleRef = useForkRef(getReactElementRef(children), nodeRef);
 
   // The handler doesn't take event.defaultPrevented into account:
   //

package/Collapse/Collapse.d.ts

@@ -69,4 +69,4 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 
-export default function Collapse(props: CollapseProps): JSX.Element;
+export default function Collapse(props: CollapseProps): React.JSX.Element;

package/CssBaseline/CssBaseline.d.ts

@@ -26,4 +26,4 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
  *
  * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
  */
-export default function CssBaseline(props: CssBaselineProps): JSX.Element;
+export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

package/Dialog/Dialog.d.ts

@@ -118,4 +118,4 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
  * - [Dialog API](https://mui.com/material-ui/api/dialog/)
  * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
  */
-export default function Dialog(props: DialogProps): JSX.Element;
+export default function Dialog(props: DialogProps): React.JSX.Element;

package/DialogActions/DialogActions.d.ts

@@ -33,4 +33,4 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
  *
  * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
  */
-export default function DialogActions(props: DialogActionsProps): JSX.Element;
+export default function DialogActions(props: DialogActionsProps): React.JSX.Element;

package/DialogContent/DialogContent.d.ts

@@ -33,4 +33,4 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
  *
  * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
  */
-export default function DialogContent(props: DialogContentProps): JSX.Element;
+export default function DialogContent(props: DialogContentProps): React.JSX.Element;

package/Drawer/Drawer.d.ts

@@ -85,4 +85,4 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
  *
  * - [Drawer API](https://mui.com/material-ui/api/drawer/)
  */
-export default function Drawer(props: DrawerProps): JSX.Element;
+export default function Drawer(props: DrawerProps): React.JSX.Element;

package/Fade/Fade.d.ts

@@ -46,4 +46,4 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
  * - [Fade API](https://mui.com/material-ui/api/fade/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
-export default function Fade(props: FadeProps): JSX.Element;
+export default function Fade(props: FadeProps): React.JSX.Element;

package/Fade/Fade.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
 import useTheme from '../styles/useTheme';
 import { reflow, getTransitionProps } from '../transitions/utils';
 import useForkRef from '../utils/useForkRef';
@@ -50,7 +51,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const enableStrictModeCompat = true;
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, children.ref, ref);
+  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
       const node = nodeRef.current;

package/FilledInput/FilledInput.d.ts

@@ -36,6 +36,6 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
  * - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
  * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
-declare const FilledInput: ((props: FilledInputProps) => JSX.Element) & { muiName: string };
+declare const FilledInput: ((props: FilledInputProps) => React.JSX.Element) & { muiName: string };
 
 export default FilledInput;

package/FormControlLabel/FormControlLabel.d.ts

@@ -99,4 +99,4 @@ export interface FormControlLabelProps
  *
  * - [FormControlLabel API](https://mui.com/material-ui/api/form-control-label/)
  */
-export default function FormControlLabel(props: FormControlLabelProps): JSX.Element;
+export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;

package/FormGroup/FormGroup.d.ts

@@ -37,4 +37,4 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
  *
  * - [FormGroup API](https://mui.com/material-ui/api/form-group/)
  */
-export default function FormGroup(props: FormGroupProps): JSX.Element;
+export default function FormGroup(props: FormGroupProps): React.JSX.Element;

package/GlobalStyles/GlobalStyles.d.ts

@@ -18,4 +18,4 @@ export interface GlobalStylesProps {
  *
  * - [GlobalStyles API](https://mui.com/material-ui/api/global-styles/)
  */
-export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement;
+export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<any>;

package/Grow/Grow.d.ts

@@ -47,4 +47,4 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
  * - [Grow API](https://mui.com/material-ui/api/grow/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
-export default function Grow(props: GrowProps): JSX.Element;
+export default function Grow(props: GrowProps): React.JSX.Element;

package/Grow/Grow.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useTimeout from '@mui/utils/useTimeout';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
 import { Transition } from 'react-transition-group';
 import useTheme from '../styles/useTheme';
 import { getTransitionProps, reflow } from '../transitions/utils';
@@ -60,7 +61,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const autoTimeout = React.useRef();
   const theme = useTheme();
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, children.ref, ref);
+  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
       const node = nodeRef.current;

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -48,4 +48,4 @@ export interface ImageListItemBarProps
  *
  * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
  */
-export default function ImageListItemBar(props: ImageListItemBarProps): JSX.Element;
+export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;

package/Input/Input.d.ts

@@ -29,6 +29,6 @@ export interface InputProps extends StandardProps<InputBaseProps> {
  * - [Input API](https://mui.com/material-ui/api/input/)
  * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
-declare const Input: ((props: InputProps) => JSX.Element) & { muiName: string };
+declare const Input: ((props: InputProps) => React.JSX.Element) & { muiName: string };
 
 export default Input;

package/InputBase/InputBase.d.ts

@@ -263,4 +263,4 @@ export interface InputBaseComponentProps
  *
  * - [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
-export default function InputBase(props: InputBaseProps): JSX.Element;
+export default function InputBase(props: InputBaseProps): React.JSX.Element;

package/LinearProgress/LinearProgress.d.ts

@@ -59,4 +59,4 @@ export interface LinearProgressProps
  *
  * - [LinearProgress API](https://mui.com/material-ui/api/linear-progress/)
  */
-export default function LinearProgress(props: LinearProgressProps): JSX.Element;
+export default function LinearProgress(props: LinearProgressProps): React.JSX.Element;

package/ListItemAvatar/ListItemAvatar.d.ts

@@ -28,4 +28,4 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
  *
  * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
  */
-export default function ListItemAvatar(props: ListItemAvatarProps): JSX.Element;
+export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;

package/ListItemIcon/ListItemIcon.d.ts

@@ -30,4 +30,4 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  *
  * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
  */
-export default function ListItemIcon(props: ListItemIconProps): JSX.Element;
+export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;

package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -30,7 +30,9 @@ export interface ListItemSecondaryActionProps
  *
  * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
  */
-declare const ListItemSecondaryAction: ((props: ListItemSecondaryActionProps) => JSX.Element) & {
+declare const ListItemSecondaryAction: ((
+  props: ListItemSecondaryActionProps,
+) => React.JSX.Element) & {
   muiName: string;
 };
 

package/ListItemText/ListItemText.d.ts

@@ -73,4 +73,6 @@ export interface ListItemTextProps<
 export default function ListItemText<
   PrimaryTypographyComponent extends React.ElementType = 'span',
   SecondaryTypographyComponent extends React.ElementType = 'p',
->(props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>): JSX.Element;
+>(
+  props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>,
+): React.JSX.Element;

package/Menu/Menu.d.ts

@@ -94,4 +94,4 @@ export declare const MenuPaper: React.FC<PaperProps>;
  * - [Menu API](https://mui.com/material-ui/api/menu/)
  * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
  */
-export default function Menu(props: MenuProps): JSX.Element;
+export default function Menu(props: MenuProps): React.JSX.Element;

package/MobileStepper/MobileStepper.d.ts

@@ -59,4 +59,4 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
  * - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
  * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
  */
-export default function MobileStepper(props: MobileStepperProps): JSX.Element;
+export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;

package/Modal/Modal.d.ts

@@ -50,7 +50,7 @@ export interface ModalOwnProps {
   /**
    * A single child content element.
    */
-  children: React.ReactElement;
+  children: React.ReactElement<any>;
   /**
    * Override or extend the styles applied to the component.
    */

package/NativeSelect/NativeSelect.d.ts

@@ -64,6 +64,6 @@ export interface NativeSelectProps
  * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
  * - inherits [Input API](https://mui.com/material-ui/api/input/)
  */
-declare const NativeSelect: ((props: NativeSelectProps) => JSX.Element) & { muiName: string };
+declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & { muiName: string };
 
 export default NativeSelect;

package/OutlinedInput/OutlinedInput.d.ts

@@ -35,6 +35,8 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
  * - [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
-declare const OutlinedInput: ((props: OutlinedInputProps) => JSX.Element) & { muiName: string };
+declare const OutlinedInput: ((props: OutlinedInputProps) => React.JSX.Element) & {
+  muiName: string;
+};
 
 export default OutlinedInput;

package/OverridableComponent.d.ts

@@ -20,8 +20,8 @@ export interface OverridableComponent<TypeMap extends OverridableTypeMap> {
        */
       component: RootComponent;
     } & OverrideProps<TypeMap, RootComponent>,
-  ): JSX.Element | null;
-  (props: DefaultComponentProps<TypeMap>): JSX.Element | null;
+  ): React.JSX.Element | null;
+  (props: DefaultComponentProps<TypeMap>): React.JSX.Element | null;
 }
 
 /**

package/Pagination/Pagination.d.ts

@@ -86,4 +86,4 @@ export interface PaginationProps
  *
  * - [Pagination API](https://mui.com/material-ui/api/pagination/)
  */
-export default function Pagination(props: PaginationProps): JSX.Element;
+export default function Pagination(props: PaginationProps): React.JSX.Element;

package/Popover/Popover.d.ts

@@ -195,4 +195,4 @@ export declare const PopoverPaper: React.FC<PopoverPaperProps>;
  * - [Popover API](https://mui.com/material-ui/api/popover/)
  * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
  */
-export default function Popover(props: PopoverProps): JSX.Element;
+export default function Popover(props: PopoverProps): React.JSX.Element;

package/Portal/Portal.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef } from '@mui/utils';
+import { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef, unstable_getReactElementRef as getReactElementRef } from '@mui/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
@@ -28,8 +28,7 @@ const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef
     disablePortal = false
   } = props;
   const [mountNode, setMountNode] = React.useState(null);
-  // @ts-expect-error TODO upstream fix
-  const handleRef = useForkRef( /*#__PURE__*/React.isValidElement(children) ? children.ref : null, forwardedRef);
+  const handleRef = useForkRef( /*#__PURE__*/React.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);
   useEnhancedEffect(() => {
     if (!disablePortal) {
       setMountNode(getContainer(container) || document.body);

package/README.md

@@ -1,6 +1,6 @@
 <!-- markdownlint-disable-next-line -->
 <p align="center">
-  <a href="https://mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="Material UI logo"></a>
+  <a href="https://v5.mui.com/material-ui/" rel="noopener" target="_blank"><img width="150" height="133" src="https://v5.mui.com/static/logo.svg" alt="Material UI logo"></a>
 </p>
 
 <h1 align="center">Material UI</h1>
@@ -17,7 +17,7 @@ npm install @mui/material @emotion/react @emotion/styled
 
 ## Documentation
 
-Visit [https://mui.com/material-ui/](https://mui.com/material-ui/) to view the full documentation.
+Visit [https://v5.mui.com/material-ui/](https://v5.mui.com/material-ui/) to view the full documentation.
 
 ## Questions
 
@@ -26,14 +26,14 @@ Use the "material-ui" tag on Stack Overflow to make it easier for the community
 
 ## Examples
 
-Our documentation features [a collection of example projects using Material UI](https://mui.com/material-ui/getting-started/example-projects/).
+Our documentation features [a collection of example projects using Material UI](https://v5.mui.com/material-ui/getting-started/example-projects/).
 
 ## Contributing
 
 Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
 
 Contributing to Material UI is about more than just issues and pull requests!
-There are many other ways to [support Material UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+There are many other ways to [support Material UI](https://v5.mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
 
 ## Changelog
 
@@ -41,7 +41,7 @@ The [changelog](https://github.com/mui/material-ui/releases) is regularly update
 
 ## Roadmap
 
-Future plans and high-priority features and enhancements can be found in the [roadmap](https://mui.com/material-ui/discover-more/roadmap/).
+Future plans and high-priority features and enhancements can be found in the [roadmap](https://v5.mui.com/material-ui/discover-more/roadmap/).
 
 ## License
 

package/Radio/Radio.d.ts

@@ -62,4 +62,4 @@ export interface RadioProps
  * - [Radio API](https://mui.com/material-ui/api/radio/)
  * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
-export default function Radio(props: RadioProps): JSX.Element;
+export default function Radio(props: RadioProps): React.JSX.Element;

package/RadioGroup/RadioGroup.d.ts

@@ -36,4 +36,4 @@ export interface RadioGroupProps extends Omit<FormGroupProps, 'onChange'> {
  * - [RadioGroup API](https://mui.com/material-ui/api/radio-group/)
  * - inherits [FormGroup API](https://mui.com/material-ui/api/form-group/)
  */
-export default function RadioGroup(props: RadioGroupProps): JSX.Element;
+export default function RadioGroup(props: RadioGroupProps): React.JSX.Element;

package/Rating/Rating.d.ts

@@ -124,4 +124,4 @@ export interface RatingProps
  *
  * - [Rating API](https://mui.com/material-ui/api/rating/)
  */
-export default function Rating(props: RatingProps): JSX.Element;
+export default function Rating(props: RatingProps): React.JSX.Element;

package/Select/Select.d.ts

@@ -196,7 +196,7 @@ export type SelectProps<Value = unknown> =
  * - [Select API](https://mui.com/material-ui/api/select/)
  * - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
  */
-declare const Select: (<Value = unknown>(props: SelectProps<Value>) => JSX.Element) & {
+declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
   muiName: string;
 };
 

package/Select/Select.js

@@ -8,6 +8,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import deepmerge from '@mui/utils/deepmerge';
+import getReactElementRef from '@mui/utils/getReactElementRef';
 import SelectInput from './SelectInput';
 import formControlState from '../FormControl/formControlState';
 import useFormControl from '../FormControl/useFormControl';
@@ -90,7 +91,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
       ownerState: ownerState
     })
   }[variant];
-  const inputComponentRef = useForkRef(ref, InputComponent.ref);
+  const inputComponentRef = useForkRef(ref, getReactElementRef(InputComponent));
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({
       // Most of the logic is implemented in `SelectInput`.

package/Slide/Slide.d.ts

@@ -61,4 +61,4 @@ export interface SlideProps extends TransitionProps {
  * - [Slide API](https://mui.com/material-ui/api/slide/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
-export default function Slide(props: SlideProps): JSX.Element;
+export default function Slide(props: SlideProps): React.JSX.Element;

package/Slide/Slide.js

@@ -9,6 +9,7 @@ import { Transition } from 'react-transition-group';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
 import debounce from '../utils/debounce';
 import useForkRef from '../utils/useForkRef';
 import useTheme from '../styles/useTheme';
@@ -108,7 +109,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const childrenRef = React.useRef(null);
-  const handleRef = useForkRef(children.ref, childrenRef, ref);
+  const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
   const normalizedTransitionCallback = callback => isAppearing => {
     if (callback) {
       // onEnterXxx and onExitXxx callbacks have a different arguments.length value.