Estoy intentando crear un encabezado personalizado usando AG Grid y React, pero no puedo representar el componente personalizado que se pasa al apoyo headerComponentFramework dentro de mi autoGroupColumnDefs .

La documentación de AG Grid apunta al uso de headerComponentFramework , y al editar su código de ejemplo con su enlace Plunker, puedo crear y editar con éxito un encabezado personalizado. Cuando intento implementar lo mismo en mi código, ni siquiera puedo acceder a mi componente. Por ejemplo, traté de consola. registrar un mensaje de mi componente de encabezado personalizado, pero no se registró. También probé accesorios alternativos, como headerComponent y headerGroupComponent pero tampoco funcionaron.

Ejemplo de código a continuación:

 import CustomHeaderComponent from './filePath'; autoGroupColumnDef = useMemo(() => { headerComponentFramework: CustomHeaderComponent headerName: 'name', suppressMenu: true, cellRendererSelector: () => {} pinned: left, }), [dependencies]) gridOptions = { …otherGridOptions, autoGroupColumnDefs } return ( <AgGridComponent gridOptions={gridOptions} /> )

 export const CustomHeaderComponent = { console.log('hello world'); // doesn't log // do stuff return ( <div> {Custom Header} </div> ) }

¿Es headerComponentFramework el accesorio correcto para usar aquí? Si alguien tiene sugerencias sobre cómo representar un encabezado personalizado, sería muy apreciado. Por favor, hágamelo saber si puedo proporcionar detalles adicionales también.