Apply useSlot to LinearProgress

Author: hbjORbj

packages/mui-joy/src/LinearProgress/LinearProgress.tsx

@@ -1,5 +1,4 @@
 import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { useSlotProps } from '@mui/base/utils';
 import { css, keyframes } from '@mui/system';
 import { OverridableComponent } from '@mui/types';
 import { unstable_capitalize as capitalize } from '@mui/utils';
@@ -8,6 +7,7 @@ import PropTypes from 'prop-types';
 import * as React from 'react';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
+import useSlot from '../utils/useSlot';
 import { getLinearProgressUtilityClass } from './linearProgressClasses';
 import {
   LinearProgressOwnerState,
@@ -145,7 +145,6 @@ const LinearProgress = React.forwardRef(function LinearProgress(inProps, ref) {
   });
 
   const {
-    component = 'div',
     children,
     className,
     color = 'primary',
@@ -170,30 +169,28 @@ const LinearProgress = React.forwardRef(function LinearProgress(inProps, ref) {
 
   const classes = useUtilityClasses(ownerState);
 
-  const rootProps = useSlotProps({
+  const [SlotRoot, rootProps] = useSlot('root', {
+    ref,
+    className: clsx(classes.root, className),
     elementType: LinearProgressRoot,
-    externalSlotProps: {},
     externalForwardedProps: other,
     ownerState,
     additionalProps: {
-      ref,
-      as: component,
       role: 'progressbar',
       style: {
         // Setting this CSS varaible via inline-style
         // prevents the generation of new CSS every time
         // `value` prop updates
         '--LinearProgress-percent': value,
       },
+      ...(typeof value === 'number' &&
+        determinate && {
+          'aria-valuenow': Math.round(value),
+        }),
     },
-    className: clsx(classes.root, className),
-    ...(typeof value === 'number' &&
-      determinate && {
-        'aria-valuenow': Math.round(value),
-      }),
   });
 
-  return <LinearProgressRoot {...rootProps}>{children}</LinearProgressRoot>;
+  return <SlotRoot {...rootProps}>{children}</SlotRoot>;
 }) as OverridableComponent<LinearProgressTypeMap>;
 
 LinearProgress.propTypes /* remove-proptypes */ = {