[ButtonBase] Remove buttonRef prop (#25896)

Author: m4theushw

docs/src/pages/guides/migration-v4/migration-v4.md

@@ -478,6 +478,8 @@ As the core components use emotion as a styled engine, the props used by emotion
   +<Button />
   ```
 
+- [ButtonBase] Remove the deprecated `buttonRef` prop. The `ref` prop should be used in place.
+
 ### Chip
 
 - Rename `default` variant to `filled` for consistency.

packages/material-ui/src/ButtonBase/ButtonBase.d.ts

@@ -11,13 +11,6 @@ export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button
      * It currently only supports `focusVisible()` action.
      */
     action?: React.Ref<ButtonBaseActions>;
-    /**
-     * @ignore
-     *
-     * Use that prop to pass a ref to the native button component.
-     * @deprecated Use `ref` instead.
-     */
-    buttonRef?: React.Ref<unknown>;
     /**
      * If `true`, the ripples are centered.
      * They won't start at the cursor interaction position.

packages/material-ui/src/ButtonBase/ButtonBase.js

@@ -74,7 +74,6 @@ const ButtonBase = React.forwardRef(function ButtonBase(inProps, ref) {
   const props = useThemeProps({ props: inProps, name: 'MuiButtonBase' });
   const {
     action,
-    buttonRef: buttonRefProp,
     centerRipple = false,
     children,
     className,
@@ -299,9 +298,8 @@ const ButtonBase = React.forwardRef(function ButtonBase(inProps, ref) {
     buttonProps['aria-disabled'] = disabled;
   }
 
-  const handleUserRef = useForkRef(buttonRefProp, ref);
   const handleOwnRef = useForkRef(focusVisibleRef, buttonRef);
-  const handleRef = useForkRef(handleUserRef, handleOwnRef);
+  const handleRef = useForkRef(ref, handleOwnRef);
 
   const [mountedState, setMountedState] = React.useState(false);
 
@@ -382,13 +380,6 @@ ButtonBase.propTypes /* remove-proptypes */ = {
    * It currently only supports `focusVisible()` action.
    */
   action: refType,
-  /**
-   * @ignore
-   *
-   * Use that prop to pass a ref to the native button component.
-   * @deprecated Use `ref` instead.
-   */
-  buttonRef: refType,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.