[docs][Snackbar] Replace TransitionComponent with slots.transition (#47570)

Author: sai6855

docs/src/components/action/LogoWithCopyMenu.tsx

@@ -110,7 +110,7 @@ export default function LogoWithCopyMenu({
           open={copied}
           onClose={handleClose}
           anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-          TransitionComponent={Slide}
+          slots={{ transition: Slide }}
           message={
             <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
               <CheckCircleRoundedIcon sx={{ fontSize: '18px', color: 'success.main' }} />

docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.js

@@ -52,7 +52,7 @@ function Snackbar(props) {
     <MuiSnackbar
       anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
       autoHideDuration={6000}
-      TransitionComponent={Transition}
+      slots={{ transition: Transition }}
       message={
         <React.Fragment>
           <InfoIcon className={classes.info} />

docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.tsx

@@ -63,7 +63,7 @@ function Snackbar(props: SnackbarProps & ExtraSnackbarProps) {
     <MuiSnackbar
       anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
       autoHideDuration={6000}
-      TransitionComponent={Transition}
+      slots={{ transition: Transition }}
       message={
         <React.Fragment>
           <InfoIcon className={classes.info} />