[BUG] re-resizable with minHeight set in "%" does not work

[ej-toita]

Bug

Overview of the problem

I'm using re-resizable version [6.9.2]

My browser is: chrome

I am sure this issue is not a duplicate.

Description

Re-resizable fails to calculate parent size when

• display: "flex",
• flexDirection: "column"

styles are set on the parent DOM.
As a result, "maxHeight" props cannot be set in %.

This is simply because an inappropriate css style is set for "base" DOM-element:
https://codepen.io/shin-t/pen/WNdbGjm
it shrinks to zero as "flex-basis" style defaults to zero when you set it via "flex".
https://developer.mozilla.org/ja/docs/Web/CSS/flex

Steps to Reproduce

1. First Step
2. Second Step
3. and so on...

See the codepen below:
https://codesandbox.io/s/re-resizable-bug-behavior-f3grus?file=/src/index.tsx

Drag-and-drop the lower boundary of resizable region.

Expected behavior

The resizable region resizes in vertical direction

Actual behavior

The resizable region resizes to zero height.
This buggy behavior fixes when I pass maxHeight in pixel or vh.