Obteniendo TypeError: no se pueden leer las propiedades de undefined (leyendo 'estilo') en ag-grid reaccionar,

Desarrollé una información sobre herramientas personalizada en el encabezado en ag-grid con reaccionar, obtuve la información sobre herramientas adecuada pero obtuve un error al hacer clic en el encabezado.

// el estilo contiene más propiedades css como ancho de altura, etc.

 const headerCustomIconTemplate = '<div class="ag-cell-label-container" role="presentation">' + `<div style="border: 1px solid #0GJH00; text-align: center; ">T</div>`+ '<span ref="eText" class="ag-header-cell-text"></span>' + '</div>' const myTablesColumns = [ { autoHeight: true, cellRendererFramework: customCellRenderer, field: "MyHeader", headerName: "MyHeader", headerTooltip: `My tooltip content`, sortable: true, filter: false, headerComponentParams: {template:headerCustomIconTemplate}, }]

obteniendo un error al hacer clic en la sección de encabezado o en el componente de icono personalizado.

obteniendo el resultado deseado al pasar el mouse, pero cuando hago clic en el encabezado obtengo TypeError: no se pueden leer las propiedades de indefinido (leyendo 'estilo')

buscando una solución sobre cómo corregir la ruptura del encabezado en onClick o cómo crear información sobre herramientas personalizada en el encabezado