@mui/material 6.4.9 → 6.4.10

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # [Versions](https://mui.com/versions/)
 
+## 6.4.10
+
+<!-- generated comparing v6.4.9..v6.x -->
+
+_Mar 31, 2025_
+
+A big thanks to the 4 contributors who made this release possible.
+
+### `@mui/material@6.4.10`
+
+- [Autocomplete] Prevent shrink animation in controlled Autocomplete when initial `value` is provided (#45735) @imadx
+- [Popover] Allow `null` in `anchorEl` function return type (#45723) @eduter
+
+### Docs
+
+- Fix new React project link, CRA deprecated (#45669) @oliviertassinari
+
+### Core
+
+- [utils] Support cleanup callbacks in useForkRef (#45733) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai, @eduter, @imadx, @oliviertassinari
+
 ## 6.4.9
 
 <!-- generated comparing v6.4.8..v6.x -->

package/Popover/Popover.d.ts

@@ -108,9 +108,8 @@ export interface PopoverProps
   anchorEl?:
     | null
     | Element
-    | (() => Element)
     | PopoverVirtualElement
-    | (() => PopoverVirtualElement);
+    | (() => Element | PopoverVirtualElement | null);
   /**
    * This is the point on the anchor where the popover's
    * `anchorEl` will attach to. This is not used when the

package/Popover/Popover.js

@@ -276,7 +276,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const handleResize = debounce(() => {
       setPositioningStyles();
     });
-    const containerWindow = ownerWindow(anchorEl);
+    const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.4.9
+ * @mui/material v6.4.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/Popover/Popover.js

@@ -276,7 +276,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const handleResize = debounce(() => {
       setPositioningStyles();
     });
-    const containerWindow = ownerWindow(anchorEl);
+    const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.4.9
+ * @mui/material v6.4.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/useAutocomplete/useAutocomplete.js

@@ -121,8 +121,8 @@ function useAutocomplete(props) {
   const highlightedIndexRef = React.useRef(defaultHighlighted);
 
   // Calculate the initial inputValue on mount only.
-  // Using useRef since defaultValue doesn't need to update inputValue dynamically.
-  const initialInputValue = React.useRef(getInputValue(defaultValue, multiple, getOptionLabel)).current;
+  // useRef ensures it doesn't update dynamically with defaultValue or value props.
+  const initialInputValue = React.useRef(getInputValue(defaultValue ?? valueProp, multiple, getOptionLabel)).current;
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.4.9";
+export const version = "6.4.10";
 export const major = Number("6");
 export const minor = Number("4");
-export const patch = Number("9");
+export const patch = Number("10");
 export const prerelease = undefined;
 export default version;

package/node/Popover/Popover.js

@@ -285,7 +285,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     const handleResize = (0, _debounce.default)(() => {
       setPositioningStyles();
     });
-    const containerWindow = (0, _ownerWindow.default)(anchorEl);
+    const containerWindow = (0, _ownerWindow.default)(resolveAnchorEl(anchorEl));
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.4.9
+ * @mui/material v6.4.10
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/useAutocomplete/useAutocomplete.js

@@ -127,8 +127,8 @@ function useAutocomplete(props) {
   const highlightedIndexRef = React.useRef(defaultHighlighted);
 
   // Calculate the initial inputValue on mount only.
-  // Using useRef since defaultValue doesn't need to update inputValue dynamically.
-  const initialInputValue = React.useRef(getInputValue(defaultValue, multiple, getOptionLabel)).current;
+  // useRef ensures it doesn't update dynamically with defaultValue or value props.
+  const initialInputValue = React.useRef(getInputValue(defaultValue ?? valueProp, multiple, getOptionLabel)).current;
   const [value, setValueState] = (0, _utils.unstable_useControlled)({
     controlled: valueProp,
     default: defaultValue,

package/node/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "6.4.9";
+const version = exports.version = "6.4.10";
 const major = exports.major = Number("6");
 const minor = exports.minor = Number("4");
-const patch = exports.patch = Number("9");
+const patch = exports.patch = Number("10");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "6.4.9",
+  "version": "6.4.10",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/types": "~7.2.24",
-    "@mui/system": "^6.4.9",
-    "@mui/utils": "^6.4.8",
-    "@mui/core-downloads-tracker": "^6.4.9"
+    "@mui/core-downloads-tracker": "^6.4.10",
+    "@mui/utils": "^6.4.9",
+    "@mui/system": "^6.4.10",
+    "@mui/types": "~7.2.24"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^6.4.9"
+    "@mui/material-pigment-css": "^6.4.10"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/useAutocomplete/useAutocomplete.js

@@ -121,8 +121,8 @@ function useAutocomplete(props) {
   const highlightedIndexRef = React.useRef(defaultHighlighted);
 
   // Calculate the initial inputValue on mount only.
-  // Using useRef since defaultValue doesn't need to update inputValue dynamically.
-  const initialInputValue = React.useRef(getInputValue(defaultValue, multiple, getOptionLabel)).current;
+  // useRef ensures it doesn't update dynamically with defaultValue or value props.
+  const initialInputValue = React.useRef(getInputValue(defaultValue ?? valueProp, multiple, getOptionLabel)).current;
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,

package/version/index.js

@@ -1,6 +1,6 @@
-export const version = "6.4.9";
+export const version = "6.4.10";
 export const major = Number("6");
 export const minor = Number("4");
-export const patch = Number("9");
+export const patch = Number("10");
 export const prerelease = undefined;
 export default version;