diff --git a/components/theme/themesToken/happy/wave.tsx b/components/theme/themesToken/happy/wave.tsx
index f603f0b4e7..8969cd81bd 100644
--- a/components/theme/themesToken/happy/wave.tsx
+++ b/components/theme/themesToken/happy/wave.tsx
@@ -49,6 +49,10 @@ function HappyWave({ target, token, onFinish }: HappyWaveProps) {
   // ========================= Dots =========================
   React.useEffect(() => {
     const id = raf(() => {
+      if (['-dangerous', '-error'].some((skipCls) => target.className.includes(skipCls))) {
+        return;
+      }
+
       const rect = target.getBoundingClientRect();
       const { width, height } = rect;