diff --git a/docs/src/components/action/LogoWithCopyMenu.tsx b/docs/src/components/action/LogoWithCopyMenu.tsx
index fdf30569a0fe11..9b2b41b2362944 100644
--- a/docs/src/components/action/LogoWithCopyMenu.tsx
+++ b/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' }} />
diff --git a/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.js b/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.js
index 9c9053ae048224..5f3582d626b1e6 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.js
+++ b/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} />
diff --git a/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.tsx b/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.tsx
index fc0406a43a20dc..af8c7cd72091bc 100644
--- a/docs/src/pages/premium-themes/onepirate/modules/components/Snackbar.tsx
+++ b/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} />