Paragraphs ajax interactions do not always update the correct field if interacted with while ajax is still carrying out a previous task

Problem/Motivation

Summary of the issue
Ajax responses when there are multiple paragraph fields are not always updating the correct field

Original background
We have a weird issue where one paragraph field content gets replaced by another field when editing content.

Our content model has a hero element, which is a paragraph with a couple fields. We also have a "modular content" paragraph field, where we build the rest of the page. There we can create multiple paragraphs from a couple different paragraph types (image, text, whatever). Overall this works fine for us.

Recently however we've had a weird issue with this. When editing the main "modular content" paragraphs, the hero paragraph replaces the whole other paragraph. So let's say we have five paragraphs in the modular content, we then add another one, drag it to its proper place and fill it with content. So very basic content editing, but then suddenly all (now) six paragraphs disappear and get replaced by the hero element from earlier on the page. The hero element is not even a legal selection for the content paragraph and should never appear there.

Any ideas what might cause this? Seems very strange to me. Nothing weird in browser, drupal or nginx logs. This seems to happen more commonly when the site is under heavy (but normal) load, but is somehow connected to drupal paragraph configuration, since this only happens on a single node type, even though a similar structure is used on other types too.

Steps to reproduce

1. Create 2 paragraph reference fields with autocollapse for example
2. Create 2 paragraph instances in each
3. Enable dev tools and go responsive mode, enabling throttle to low tier mobile*
4. Click edit on paragraph 2.2
5. Click edit on paragraph 2.1 then immediately collapse on paragraph 2.2
6. Paragraphs 1.* get affected when none of those buttons were pressed

* This just makes it easier to reproduce, but bigger complex paragraphs with lots of content have the same effect

Proposed resolution

Perhaps disabling interaction on collapse/edit until ajax is completed like Core did for Ajax submit? https://git.drupalcode.org/project/drupal/-/merge_requests/5184/diffs from #3397594: Race condition on AJAX change event and form submission

Remaining tasks

1. Maintainer opinion on plan
2. Carry out the work

User interface changes

TBD

API changes

N/A

Data model changes

N/A