[BUG] Animate Presence Items Persist if Removed During Another Item's Active Exit Animation

[spiicy-sauce]

Hopefully I'm just misunderstanding some aspect of the AnimatePresence API, but this was unexpected behavior for me working off the docs for AnimatePresence.

1. Read the FAQs 👇
Done

2. Describe the bug
AnimatePresence item is never unmounted if its exit is started during the animation of another item.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug
Code Sandbox

4. Steps to reproduce

1. Open the sandbox
2. Click the "Remove" button three times rapidly (before any of the items is fully removed)

5. Expected behavior
I expect all items to be removed from the DOM. To produce the expected behavior:

1. Open the sandbox
2. Click the "Remove" button, waiting for each element to be removed from the page before clicking again.

6. Video or screenshots

Bug

Any items removed during the exit animation fail to be completely removed

Working

Each item animates out if the previous removal completes

7. Environment details
Tested in Firefox. Dependencies are in the sandbox.

[spiicy-sauce]

Another interesting behavior: this staling effect seems to flush once the original item has exited, and subsequent exits will remove stale items as well.

Eg.

[spiicy-sauce]

Oh hey, I think this is actually a duplicate of #1769. I didn't see that one until just now.

[ndimatteo]

I think this may be related to #2023 actually... issues still persist when making changes rapidly.