Entonces, tengo una barra lateral creada con ag-grid y me preguntaba si era posible hacer clic en una opción de la barra lateral sin tener el panel de herramientas abierto y tener un componente emergente en su lugar.

 const gridOptions = { sideBar: { toolPanels: [ { id: 'columns', labelDefault: 'Columns', labelKey: 'columns', iconKey: 'columns', toolPanel: 'agColumnsToolPanel', minWidth: 225, maxWidth: 225, width: 225 }, { id: 'filters', labelDefault: 'Filters', labelKey: 'filters', iconKey: 'filter', toolPanel: 'agFiltersToolPanel', minWidth: 180, maxWidth: 400, width: 250 }, { id: 'myComponent', labelDefault: 'MyComponent', labelKey: 'myComponent', iconKey: 'myComponent', toolPanel: () => {<MyComponent/>}, minWidth: 180, maxWidth: 400, width: 250 } ] }, }

Por ejemplo, en el código anterior, paso un componente (p. ej <MyComponent/> ) en lugar del panel de herramientas, pero en realidad no abre ese componente cuando hago clic en él, ya que aparece en la barra lateral cargándose.

¿Puedo pasar alguna función onClick a esa opción particular de la barra lateral para permitirme hacer clic en ella y abrir el componente?