Unable to autoSizeAllColumns with frameworkComponents - reactjs

Question

I am using React Ag-grid version 25.3.0. I need to autoSizeAllColumns everytime the grid data is updated. I have tried onRowDataChanged. But, this is fired before the custom cellRenderers complete the rendering. So, I am looking for an Grid Event or callback where I get notified once all the rendering is complete. Below is the sample snippet,
<AgGridReact
frameworkComponents={{
renderer: CustomRenderer,
}}
columnDefs={columns}
rowData={rowData}
OnRowDataChanged={(event) => event.columnApi.autoSizeAllColumns()} //this doesn't wait for frameworkComponents
/>
The autoSizeAllColumns would work if I add a delay to it by doing something like this.
OnRowDataChanged={(event) => setTimeout(() => event.columnApi.autoSizeAllColumns(), 300}
But this doesn't look clean and looks somewhat ugly in the UI as the updates and autoSize happen with a delay. What's the best way to handle such scenarios.
I have resizable: true in the columnDef. The autoSizeAllColumns() works just fine for plain columns. But only doesn't work for columns with cellRenderer
const columnDefs = [
{ field: 'name', resizable: true, cellRenderer: 'renderer' },
{ field: 'age', resizable: true },
{ field: 'address', resizable: true },
];
In the above sample, autoSizeAllColumns() with onRowDataChanged event would work fine for columns 'age' and 'address', but not for 'name'.
Help please :-)