Fill component throws state update warning

[glendaviesnz]

Description

In some circumstances the bubbles-virtually fill throws a Can't perform a React state update on an unmounted component. warning at https://github.com/WordPress/gutenberg/blob/master/packages/components/src/slot-fill/bubbles-virtually/fill.js#L13.

This warning can be seen when dragging an image out of the refactored gallery PR.

Step-by-step reproduction instructions

1. Check out the gallery refactor PR
2. Add a Gallery and add images
3. Drag and image from the gallery and drop somewhere else on page
4. Notice state update warning in the console

Expected behaviour

No react state update warnings

Actual behaviour

State update warning show

Screenshots or screen recording (optional)

[glendaviesnz]

@diegohaz do you have any thoughts on how to prevent this issue? I struggled to see an easy way to check if the component was still mounted before running the setState in Fill.

[senadir]

We're also seeing this issue on our SlotFill usage.

[nerrad]

@glendaviesnz #30667 just got merged that should fix this. Do you want to try it and confirm?

[glendaviesnz]

Thanks for the ping @nerrad. This appears to be fixed by #30667, no longer happens after rebasing the gallery refactor PR.