"Components are not mounted" error if TransformComponent render is delayed/conditional

[mhryshkin]

Describe the bug

I have a tree of components. At the root, I use the TransformWrapper. Further down in the tree, I use the TransformComponent, but its usage is conditional or delayed, depending on the context. In my use case, I see this error:

To Reproduce
Steps to reproduce the behavior:
Just see in this example that render is a bit delayed:

https://codesandbox.io/p/sandbox/zoom-pan-pinch-forked-m36y5z

Expected behavior
An error should not be thrown. The parent component should not throw an error when the rendering of the child component is delayed.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[mhryshkin]

One of solution i see is to add defaulting instead of throwing an error here:

react-zoom-pan-pinch/src/core/bounds/bounds.utils.ts

Line 69 in 5cf057b

if (!wrapperComponent || !contentComponent) {

for example:

if (!wrapperComponent || !contentComponent) { return { minPositionX: 0, maxPositionX: 0, minPositionY: 0, maxPositionY: 0, } }