Setting initial size on GridView Panels

[heliacer]

Hi all,
I would like to know how to set initial size on a Gridview panel.
I tried doing so by invoking panel.api.setSize({ width, height}) in the same onReady function after adding the panels, but that workaround didn't really work.
There's no initial SizeEvent to set and setting the size for the component options doesn't do anything.
help would be appreciated :D

Here's an example:

export default function ModelPanel() {
  function mount(event: GridviewReadyEvent) {
    const { api } = event

    const ribbonPanel = api.addPanel({
      id: crypto.randomUUID(),
      component: 'ribbon',
      params: {
        title: 'Model Ribbon'
      },
      minimumHeight: 30,
      maximumHeight: 60, // one option would be to restrict both min and max to one value, but that's not optional
      // size: {width: number, height: number}  <- something like this doesn't exist, but would be cool (SizeEvent)
    })

    const scenePanel = api.addPanel({
      id: crypto.randomUUID(),
      component: 'scene',
      params: {
        title: 'Model Scene'
      },
      position: { referencePanel: ribbonPanel.id, direction: 'below' },
    })
    
    // ribbonPanel.api.setSize({ ... }) <- this does not work
  }

  return (
    <GridviewReact
      orientation={Orientation.HORIZONTAL}
      components={modelPanelComponents}
      onReady={mount}
    />
  )

I also tried using the onDidAddPanel event, but that also didn't work

api.onDidAddPanel((panel) => {
  // some panel filtering here ...
  panel.api.setSize({height: 30})
})