"jsx => true" causes error when adjusting repeater field. "DOMException: Node.removeChild: The node to be removed is not a child of this node"

I've run into an issue where enabling 'jsx' => true support breaks a block preview in the admin if I add or remove a row from a repeater field that is connected to JS (Specifically in this case the Slick Carousel JS).

I am able to replicate using the block example from the 'building a custom slider in 30 minutes' blog post. (https://www.advancedcustomfields.com/blog/building-a-custom-slider-block-in-30-minutes-with-acf/)

It works as intended without 'jsx' => true support, but as soon as I add that into the acf_register_block_type() function and try and add or remove slides it breaks the entire block preview and the page needs to be refreshed to see the block again.

The console provides the following error message DOMException: Node.removeChild: The node to be removed is not a child of this node

Start with the custom slider block example from the linked ACF blog post and the acf_register_block_type() call where 'jsx' => true is enabled. Reproduce adding and removing rows in the Slick Carousel-connected repeater, then trace the admin block preview around the reported Node.removeChild DOMException; done means row changes no longer break the preview.