diff --git a/packages/components/message/__tests__/message-manager.test.tsx b/packages/components/message/__tests__/message-manager.test.tsx
index d8514331ee..1decabfd88 100644
--- a/packages/components/message/__tests__/message-manager.test.tsx
+++ b/packages/components/message/__tests__/message-manager.test.tsx
@@ -196,4 +196,15 @@ describe('Message on command', () => {
       ElMessage._context = null
     })
   })
+
+  // #20333
+  test('it should destroy self immediately', async () => {
+    const el = document.createElement('div')
+    document.body.appendChild(el)
+    const { close } = Message({ appendTo: el })
+    close()
+
+    await rAF()
+    expect(el.querySelector(selector)).toBeFalsy()
+  })
 })