diff --git a/packages/mui-material-next/src/ButtonBase/TouchRipple.tsx b/packages/mui-material-next/src/ButtonBase/TouchRipple.tsx
index f223f6b9796280..a5fe3589caed9f 100644
--- a/packages/mui-material-next/src/ButtonBase/TouchRipple.tsx
+++ b/packages/mui-material-next/src/ButtonBase/TouchRipple.tsx
@@ -265,6 +265,10 @@ const TouchRipple = React.forwardRef<TouchRippleActions, TouchRippleProps>(funct
     [start, stop],
   );
 
+  if (ripples.length === 0) {
+    return null;
+  }
+
   return (
     <TouchRippleRoot
       className={clsx(classes.root, touchRippleClasses.root, className)}