Is there any way to set bounds to when some Rnd component reaches another Rnd component borders?

[arthurepc]

I have two Rnd components juxtaposed to each other and I want to change one's width when the other is resized, but I don't want to let it overlap completely its neighbour. Is there any way of doing it with bounds props or someone already did it in an easier way?

[pixelass]

Please see: #590

[radosek]

@arthurepc
Take a look at my example here.
You can customize it for resize event as it only detects a collision of two elements. Then you can adjust elements with REF.current.updateSize();.