(изменяемый размер) не может изменить размер высоты, если он задан в процентах и ​​родительском отображении: flex, flexDirection: 'column'

Question

Я использую изменяемый для React компонент под названием re-resizable .

Если я установлю height изменяемого размера компонента с числом в процентах (например, 70%):

defaultSize={{
  width: 200,
  height: "70%" // need to use percentage
}}

И у его родителя display установлено "flex", а flexDirection установлено "column":

const parentStyle = {
  display: "flex", // need to use flex
  flexDirection: "column", // need to use column dir
};

Высота компонента не может быть изменена.

Пожалуйста, посмотрите и помогите мне, как заставить изменить размер нижней стороны:

CodeSanbox

связанная проблема:

# 158 Невозможно изменить высоту, если указано в процентах