Control Innerblocks in 3rd party components like Slick Slider

[iamsayan]

I am using the Slick Slider: https://react-slick.neostack.com/

here { children } is returning object, but I need to initialize the slider after the html output from { children } is already being loaded. and on every update on innerBlocks, we need to re-render the Slider Component.

Currently, it is outputting this type of structure:

But I need to get this structure:

and also, re-render this if there is any inner block addition/deletion happens.

So, is there any way to get this? any hooks? or anything else?

Thank you.

[t-hamano]

This is not an answer about Gutenberg, but the issue submitted to that library may be helpful.

Not working with custom component children.