[EuiResizableContainer] dynamically determining the "direction" prop leads to an error

[muhammadtalhas]

I'd like to dictate the direction of resizable container depending on the size of the screen. I may be doing this the wrong way...

Relevant code snippets:
const { width } = useWindowDimensions();
...
<EuiResizableContainer direction={width <= 920 ? "vertical" : "horizontal"}> ....

As soon as it hits the threshold, The following error happens:

[muhammadtalhas]

Just for clarification, width updates on a window resize.

[thompsongl]

I think the problem is that we're not watching for/reacting to changes in the direction prop at all levels. Could be as simple as introducing a useMemo or useEffect, but it could also be as complex as needing to reinitialize each panel.

[thompsongl]

Closing this in favor of #4555