Excel Export on dynamically created Grid

Hello,

We have a dynamically created grid which needs to have an excel export feature.

Parent file:

import { ExcelExport } from '@progress/kendo-react-excel-export';

// Below constructor method

export default class EmailClients extends React.Component {
_export;
constructor(props) {
super(props);

export() {
   this._export.save();
}

// In render method

<button title="Export Excel" className="k-button k-primary" onClick={this.export}>Export to Excel</button>

<ExcelExport data={this.props.ctGeographGeoFigures} ref={(exporter) => { this._export = exporter; }}>
    <ClickTrackingGrid dataSource={this.props.ctGeographGeoFigures} />
</ExcelExport>

The Grid component is called like this: