collapsedSize not working when minSize is already provided (initial minSize on first render)

[igortas]

Hi,

I'm trying to toggle on/off and some panes, but there is problem with minSize when is already provided, e.g 25.

The library generate this inline style:

element.style {
  flex: 25 1 0px;
  overflow: hidden;
}

First workaround with conditional and setting minSize to undefined not working.

<Panel
  minSize={collapsible ? undefined : minSize}
  collapsible={true}
  collapsedSize={5}
>					

Using sx with !important for flex prop as workaround works.

sx={{
  flex: collapsible
  	? `${5} 1 0 !important`
  	: undefined
}}

Current behaviour:
If I have two panes, and the second pane can be closed on user interaction, minSize takes precendence over collapsedSize and generating inline style as flex: minSize 1 0.

Expected behaviour:
If I have two panes, and the second pane can be closed on user interaction, collapsedSize to takes precedence over minSize and generating inline style as flex: collapsedSize 1 0, or not generating the inline style at all.